/* ==================================
reset
================================== */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

p {
	margin:0;
	padding:0;
}

ul,dl,ol{
list-style-type: none;
list-style-position: outside;
}

img{
	border:0;
	margin:0;
	padding:0;
}

/* ==================================
setup
================================== */
html, body  {
	background-color:#f3f3f3;
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif, Arial;
}

a {
	text-decoration:underline;
}

a:link, a:visited {
	color:#34568f;
}

a:active, a:hover {
	color:#ff9700;
	text-decoration:underline;
}

h1{
	color:#34568f;
	font-size:22px;
	float:left;
	margin:30px 0 0 10px;
	font-weight:bold;
	line-height:1.2em;
	font-family:Arial;
}

h1 span{
	color:#333;
	font-size:14px;
	font-weight:bold;
}

h2{
	font-size:20px;
	color:#333;
	font-weight:bold;
	font-family:Arial;
	text-align:center;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #333;
	border-bottom:#666 1px dotted;
	border-top:#666 1px dotted;
	padding:2px;
}

h2 img{
	margin:10px 0 0 5px;
}

h2 span{
	font-size:14px;}

h3{
	width:713px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	padding:2px 0 2px 5px;
	margin-bottom:1.5em;
	color:#fff;
	border:#34568f 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	background: #103fbb;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3d64c9), to(#103fbb));
 background: -webkit-linear-gradient(#3d64c9, #103fbb);
 background: -moz-linear-gradient(#3d64c9, #103fbb);
 background: -ms-linear-gradient(#3d64c9, #103fbb);
 background: -o-linear-gradient(#3d64c9, #103fbb);
 background: linear-gradient(#3d64c9, #103fbb);
 -pie-background: linear-gradient(#3d64c9, #103fbb);
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

/* ==================================
Container
================================== */
#wrapper {
	margin:0 auto;
	padding:0;
	width:774px;
	text-align:center;
	position:relative;
	background:#ffffff url(../img/base_back.gif) repeat-y left;
}

/* ==================================
header
================================== */
#header-part {
	margin:0 auto;
	padding:0 0 5px 0;
	width:737px;
	text-align:left;
	position:relative;
	background-color:#ffffff;
	border-bottom:#9E9999 1px solid;
}

#header-part form {
	position: absolute;
	top: 23px;
	left: 515px;
	width:222px;
	font-size: 0;
	line-height: 0;
	text-align:right;
}

#header-part form input.query-input{
	width:170px;
	height:15px;
	vertical-align: bottom;
}

#header-part form .submit-part{
	margin-left: 5px;
	vertical-align: bottom;
}

#header-part ul {
	position: absolute;
	top: 57px;
	left: 470px;
	margin:0;
	padding:0;
	width:284px;
	font-size: 0;
	line-height:0;
}

#header-part li {
	display: inline;
	margin:0;
	padding:0 0 0 4px;
	font-size:10px;
}

/* ==================================
main
================================== */
#main-part {
	margin:0 7px 0 7px;
	padding:18px 0 0 0;
	width:760px;
	text-align:left;
	background:#FFF;
} 

#contents{
	width:720px;
	margin:0 auto;
	padding:0;
	font-size:12px;
}

#contents p{
	margin:0 0 2em 0;
	line-height:1.5em;
}

#contents_l{
	width:660px;
	margin:0 auto;
}

#contents_m{
	width:640px;
	margin:0 auto;
}

#pagetop{
	float:right;
	margin:10px 0 10px 0;
}

/* ==================================
footer
================================== */
#footer-part {
	margin:0 7px;
	padding:0 7px;
	width:760px;
	w\idth:746px;
	height:50px;
	background:#e7ebf1 url(../img/footer_back.gif) no-repeat left;
}

#footer-part .navigation-part {
	float:left;
	padding-top:20px;
	width:40%;
	text-align:left;
}

#footer-part .navigation-part ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#footer-part .navigation-part li {
	float:left;
	margin:0;
	padding:0;
	font-size:10px;
	line-height:100%;
}

#copyright-part {
	float:right;
	padding-top:20px;
	width:50%;
	color:#000000;
	text-align:right;
	font-size:10px;
	line-height:100%;
}

#footer-part a:link, #footer-part a:visited {
	color:#000000;
}

#footer-part a:active, #footer-part a:hover {
	color:#ff9700;
	text-decoration:underline;
}


/* ==================================
panlist
================================== */

#panlist {
	margin-left:15px;
	height:19px;
	float:left;
}
#panlist ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
#panlist li {
	float:left;
	margin:0 5px 0 0;
	padding:0 8px 0 0;
	line-height:150%;
	color:#34568f;
}
#panlist li.link {
	background-image:url(../img/panlist_li.gif);
	background-repeat:no-repeat;
	background-position:right 50%;
}
#panlist a {text-decoration:underline;}
#panlist a:link {color:#1E5381;}
#panlist a:visited {color:#1E5381;}
#panlist a:active {color:#00B3CC;}
#panlist a:hover {
	color:#00B3CC;
	text-decoration:underline;
}

/* ==================================
Other
================================== */

/* -------------------------------
Basic Clear Float
------------------------------- */
.clear{
	clear: both;
	height: 0px;
	visibility: hidden;
}
/*\*/
* html .clear {
    height: 0px;
    overflow: hidden;
}
/**/
.clear hr {
	position:absolute;
	height:0;
	visibility:hidden;
	border:0;
	width:1px;
/*\*//*/position:fixed;/**/
}

.clearline hr {
	height:0;
	visibility:hidden;
	border:0;
}

/* -------------------------------
Font
------------------------------- */
.f14_b_c{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/* -------------------------------
Layout
------------------------------- */
.left  {float:left;}
.right  {float:right;}
.tcenter { text-align:center; }
.tright { text-align:right; }
.tleft { text-align:left; }
.ttop {vertical-align:top; }
.tmiddle { vertical-align:middle; }
.tbottom {vertical-align:bottom; }

/* -------------------------------
Margin
------------------------------- */
.m50 {margin:50px;}
.m40 {margin:40px;}
.m30 {margin:30px;}
.m20 {margin:20px;}
.m15 {margin:15px;}
.m10 {margin:10px;}
.m5 {margin:5px;}
.tm50 {margin-top:50px;}
.tm40 {margin-top:40px;}
.tm30 {margin-top:30px;}
.tm20 {margin-top:20px;}
.tm15 {margin-top:15px;}
.tm10 {margin-top:10px;}
.tm5 {margin-top:5px;}
.bm50 {margin-bottom:50px;}
.bm40 {margin-bottom:40px;}
.bm30 {margin-bottom:30px;}
.bm20 {margin-bottom:20px;}
.bm15 {margin-bottom:15px;}
.bm10 {margin-bottom:10px;}
.bm5 {margin-bottom:5px;}
.rm20 {margin-right:20px;}
.rm15 {margin-right:15px;}
.rm10 {margin-right:10px;}
.rm5 {margin-right:5px;}
.lm50 {margin-left:50px;}
.lm40 {margin-left:40px;}
.lm30 {margin-left:30px;}
.lm20 {margin-left:20px;}
.lm15 {margin-left:15px;}
.lm10 {margin-left:10px;}
.lm5 {margin-left:5px;}

/* -------------------------------
Form
------------------------------- */
input, textarea, select{
	margin:1px 5px 1px 0;
}

input {
	vertical-align: baseline;
}

.izip1 {
	width:60px;
}

.izip2 {
	margin-left:5px;
	width:70px;
}

.isize-1 {
	width:150px;
}

.isize-2 {
	width:250px;
}

.isize-3 {
	width:350px;
}

.trans input {
	margin:10px 10px 130px 0;
}

#form-part .label {
	clear:both;
	padding:2px 8px;
	background-color:#f5f8f9;
	border-top:#e2eaee solid 1px;
	border-bottom:#e2eaee solid 1px;
}

#form-part p {
	margin:0 0 5px 0;
	padding-left:8px;
}