@charset "utf-8";

/*----- RESET -----*/
body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,form,p,th,td { 
	margin:0;
	padding:0;
	line-height:1.4;
	font-family:
	Arial,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	Osaka,
	"ＭＳ Ｐゴシック",
	sans-serif;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
strong,b,th {
	font-style:normal;
	font-weight:normal;
	}
ol,ul {
	list-style:none;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
img {
	border:0;
	margin:0;
	padding:0;
	}
img a {
	border:0;
	}

/*----- clearfix -----*/

/* CSSハック01 */
.clear { clear:both; }

/* CSSハック02 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*----- リンク -----*/
a:link { color:#0c419a; text-decoration:none; }
a:visited { color:#6305c3; text-decoration:none; }
a:hover { color:#ff5806; text-decoration:underline; }
a:active { color:#0c419a; text-decoration:none; }
a:focus{ outline:none; }/*fireFoxとかで点線を消す*/

/*----- 全体 -----*/
html { height:100%; }
body {
	height:100%;
	font-size:small !important;
	color:#333333;
	background:#ffffff url(../common/back-header.gif) repeat-x left top;
	}
#container {
	font-size:100%;
	width:100%;
	height:100%;
	background-color:#ffffff;
	}
body > #container {
	height:auto;
	min-height:100%;
	}

.txt_small { font-size:77%; }
.red { color:#ff0000; }
.t-right { text-align:right; }
.t-center { text-align:center; }

.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.ms5 { margin-left:5px; margin-right:5px; }
.mr5 { margin-right:5px; }
.ml25 { margin-left:25px; }

.pt10 { padding-top:10px; }

.new-icon {
	background:url(../common/icon-new.gif) no-repeat right 2px;
	padding-right:25px;
	display:inline-block;
	min-height:15px;
	height:auto !important;
	height:15px;
	cursor:hand;
	}

/*----- ヘッダー -----*/
#header {
	background:#0b419b url(../common/header-back3.gif) repeat-x left bottom;
	padding-bottom:4px;
	}

#header1 {
	width:900px;
	border-top:5px solid #0b419b;
	margin: 0 auto;
	
	}
#header1-in {
	background:url(../common/header-back2.gif) no-repeat left bottom;
	width:220px;
	float:right;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin-bottom:-20px;
	position:relative;
	}
#header1 ul {
	margin-left:35px;
	}
#header1 li {
	padding:0px 15px 0 0;
	font-size:77%;
	*font-size:70%;
	*line-height:1.8;
	float:left;
	}
#header1 li a {
	color:#ffffff;
	background:url(../common/header-icon-right.gif) no-repeat left 3px;
	padding-left:15px;
	display:inline-block;
	min-height:13px;
	height:auto !important;
	height:13px;
	}

#header2 {
	background:#f5f5f5 url(../common/header-back1.gif) repeat-x left top;
	min-height:65px;
	height:auto !important;
	height:65px;
	}
#header2-in {
	width:900px;
	margin:0 auto;
	}
#header2 #site-id {
	width:160px;
	margin:0;
	float:left;
	}
#header2 #navi {
	float:left;
	width:580px;
	}
#header2 #navi p {
	padding-top:10px;
	color:#6383be;
	font-size:77%;
	*font-size:70%;
	}
#header2 ul {
	width:580px;
	margin-bottom:5px;
	}
#header2 li {
	float:left;
	border-left:1px solid #9db1d2;
	margin:10px 0 5px 0;
	}
#header2 #last {
	border-right:1px solid #9db1d2;
	}
#header2 li a {
	padding:0 35px;
	white-space: nowrap;
	display:inline-block;
	}

#header2 a:link { color:#0c419a; text-decoration:none; }
#header2 a:visited { color:#0c419a; text-decoration:none; }
#header2 a:hover { color:#ff5806; text-decoration:underline; }
#header2 a:active { color:#0c419a; text-decoration:none; }

#header2 .now,
#header2 li a:hover {
	color:#ff5806 !important;
	background:url(../common/header-icon-right2.gif) no-repeat 15px 5px;
	}


#header-wa {
	width:159px;
	margin:28px 0 0 0;
	float:right;
	}
#header-p {
	font-size:77%;
	*font-size:70%;
	text-align:right;
	margin:0 auto 0 0;
	color:#0e419a;
	}
#header-p span {
	vertical-align:top;
	display:inline-block;
	padding:7px 5px 0 0;
	}	

/*----- コンテンツ -----*/
#contents-second {
	background:url(../common/back-contents.gif) repeat-x left top;
	}
#contents {
	width:900px;
	margin:0 auto;
	background:url(../common/back-pan.gif) no-repeat left top;
	padding-bottom:100px;
	}
#wrapper {
	width:900px;
	}
	
#pan {
	font-size:77%;
	*font-size:70%;
	padding:10px 0 20px 10px;
	}
	
.page-top {
	text-align:right;
	font-size:77%;
	*font-size:70%;
	margin-top:10px;
	}
	
.title-2 {
	margin:20px 5px 0;
	font-weight:bold;
	background:#f0f0f0 url(../common/icon-square-b.gif) no-repeat 5px 8px;
	padding:3px 5px 3px 20px;
	min-height:17px;
	height:auto !important;
	height:17px;
	}
	
.title-3 {
	margin:20px 5px 0;
	font-weight:bold;
	font-size:107%;
	background:#e5ecf6 url(../common/title-3.gif) repeat-x left bottom;
	min-height:20px;
	height:auto !important;
	height:20px;
	padding:5px 5px 5px 10px;
	}
	
.title2-p {
	margin:0 5px;
	padding:15px 0 18px;
	background:url(../common/border-bottom.gif) no-repeat left bottom;
	}
.title2-dl {
	margin:0 5px;
	padding:5px 0 0;
	}
.title2-dl dt {
	padding-top:10px;
	}
.title2-dl dt a {
	background:url(../common/icon-right.gif) no-repeat left 4px;
	padding-left:10px;
	display:inline-block;
	min-height:9px;
	height:auto !important;
	height:9px;
	}
.title2-dl dt span.icon-r {
	background:url(../common/icon-right.gif) no-repeat left 4px;
	padding-left:10px;
	display:block;
	min-height:9px;
	height:auto !important;
	height:9px;
	}
.title2-dl dd {
	padding:5px 0 0 10px;
	}
	
.mail-img {
	display:inline-block;
	vertical-align:middle;
	}
	
/*----- 右ナビゲーション -----*/	
#lnavi-box li {
	background:url(../common/back-navi1.gif) no-repeat left bottom;
	min-height:31px;
	height:auto !important;
	height:31px;
	}
#lnavi-box li.last {
	background:url(../common/back-navi2.gif) no-repeat left bottom;
	}
#lnavi-box li a {
	display:block;
	width:180px;
	min-height:21px;
	height:auto !important;
	height:21px;
	background:url(../common/icon-navi-right.gif) no-repeat 10px 7px;
	padding:5px 5px 5px 35px;
	}
	
#lnavi-box li.s1 {
	background:url(../common/back-navi-s1.gif) no-repeat left bottom;
	min-height:31px;
	height:auto !important;
	height:31px;
	}
#lnavi-box li.s1 a {
	display:block;
	width:165px;
	min-height:21px;
	height:auto !important;
	height:21px;
	background:url(../common/icon-navi-s-right.gif) no-repeat 35px 10px;
	padding:5px 5px 5px 50px;
	}
	
#lnavi-box li.s2 {
	background:url(../common/back-navi-s2.gif) no-repeat left bottom;
	min-height:34px;
	height:auto !important;
	height:34px;
	}
#lnavi-box li.s2 a {
	display:block;
	width:165px;
	min-height:24px;
	height:auto !important;
	height:24px;
	background:url(../common/icon-navi-s-right.gif) no-repeat 35px 10px;
	padding:5px 5px 5px 50px;
	}
	
#lnavi-box li.s3 {
	background:url(../common/back-navi-s3.gif) no-repeat left bottom;
	min-height:34px;
	height:auto !important;
	height:34px;
	}
#lnavi-box li.s3 a {
	display:block;
	width:165px;
	min-height:24px;
	height:auto !important;
	height:24px;
	background:url(../common/icon-navi-s-right.gif) no-repeat 35px 10px;
	padding:5px 5px 5px 50px;
	}
	
#lnavi-box li a:link { color:#0c419a; text-decoration:none; }
#lnavi-box li a:visited { color:#0c419a; text-decoration:none; }
#lnavi-box li a:hover { color:#ff5806; text-decoration:underline; }
#lnavi-box li a:active { color:#0c419a; text-decoration:none; }
#lnavi-box li a.now { color:#ff5806; }

#link-box{
	margin-top:10px;
	}
#link-box li {
	background:url(../common/back-link1.gif) no-repeat left bottom;
	min-height:31px;
	height:auto !important;
	height:31px;
	}
#link-box li.last {
	background:url(../common/back-link2.gif) no-repeat left bottom;
	}
#link-box li a {
	display:block;
	width:180px;
	min-height:21px;
	height:auto !important;
	height:21px;
	background:url(../common/icon-navi-right2.gif) no-repeat 10px 7px;
	padding:5px 5px 5px 35px;
	}
#link-box li a:link { color:#0c419a; text-decoration:none; }
#link-box li a:visited { color:#0c419a; text-decoration:none; }
#link-box li a:hover { color:#ff5806; text-decoration:underline; }
#link-box li a:active { color:#0c419a; text-decoration:none; }

#banner-navi {
	width:174px;
	border:1px solid #d4d4d4;
	background-color:#e8edee;
	margin-top:10px;
	padding:5px;
	}

#banner-navi li a img {
	vertical-align:top;
	}


/*----- フッター -----*/
#footer {
	clear:both;
	margin-top:-70px;
	width:100%;
	background:#ffffff url(../common/footer-back.gif) repeat-x left 12px;
	min-height:70px;
	height:auto !important;
	height:70px;
	font-size:100%;
	}
#footer-in {
	width:900px;
	margin:0 auto;
	}
.gotop {
	text-align:right;
	margin:0 0 0 auto;
	}
#footer-box p {
	float:right;
	font-size:77%;
	*font-size:70%;
	color:#ffffff;
	padding-top:20px;
	}
#footer-box ul {
	float:left;
	padding-top:17px;
	}
#footer li {
	float:left;
	color:#ffffff;
	}
#footer li a {
	padding-top:2px;
	float:left;
	font-size:77%;
	*font-size:70%;
	*line-height:1.8;
	color:#ffffff;
	}