@charset "shift_jis";

/*----- RESET -----*/
body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,form,p,th,td { 
	margin:0;
	padding:0;
	line-height:1.5;
	font-size:small;
	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:#000066; text-decoration:none; }
a:visited { color:#000066; text-decoration:none; }
a:hover { color:#000066; text-decoration:underline; }
a:active { color:#000066; text-decoration:none; }
a:focus{ outline:none; }/*fireFoxとかで点線を消す*/

/*----- 全体 -----*/
html { height:100%; }
body {
	height:100%;
	color:#333333;
	background: url(../images/back-body.gif) repeat left top;
	}
#container {
	width:100%;
	height:100%;
	font-size:100%;
	background: url(../images/back-container.gif) repeat-y center top;
	}
body > #container {
	height:auto;
	min-height:100%;
	}

.color1 { color:#fe9300; }
.color2 { color:#339900; }
.fbold { font-weight:bold; }
.t-small { font-size:77%; }
.t-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; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px !important; }
.ms5 { margin-left:5px; margin-right:5px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }

/*----- ヘッダー -----*/
#header {
	width:100%;
	background: url(../images/back-header.gif) repeat-x left bottom;
	}
#header-in {
	width:900px;
	margin:0 auto;
	background-color:#ffffff;
	position:relative;
	}
#header .text {
	font-size:85%;
	/font-size:70%;
	padding:5px 0 0 35px;
	}
#header .language {
	position:absolute;
	left:589px;
	top:0;
	}	
#header .language li,
#header .navi li {
	vertical-align:top;
	line-height:0;
	float:left;
	}
#header .language img {
	margin-left:4px;
	}
	
#header-box {
	width:834px;
	padding:5px 33px 0;
	margin:0;
	height:64px;
	}
#header .logo,
#header .sub-navi,
#header .contact-btn,	
#header .contact {
	float:left;
	}
	
#header .sub-navi {
	margin:30px 0 0 22px;
	}
#header .sub-navi li{
	float:left;
	padding-right:15px;
	vertical-align:top;
	line-height:0;
	}
#header .contact-btn {
	margin-top:12px;
	height:52px;
	position:relative;
	}
.cont-e {
	position:absolute;
	left:177px;
	top:26px;
	height:26px !important;
	}
#header .contact-btn img {
	line-height:0;
	vertical-align:top;
	height:52px;
	}
#header .contact {
	margin:20px 0 0 18px;
	}
#header .contact li {
	vertical-align:top;
	line-height:0;
	margin-bottom:4px;
	}

#header .navi {
	width:834px;
	padding:0 33px;
	height:34px;
	background: url(../images/back-navi.gif) repeat-x left top;
	vertical-align:top;
	margin:0;
	}
#header .navi li img {
	vertical-align:top;
	line-height:0;
	}
	
#header .navi-top {
	background: url(../images/back-logo.gif) no-repeat 85px top;
	height:34px;
	}
#header .navi-top a {
	margin-right:69px;
	}
#header .navi-sec a {
	margin-right:4px;
	}	
	
/*----- コンテンツ -----*/	
#contents {
	width:900px;
	padding-bottom:103px;
	background-color:#ffffff;
	margin:0 auto;
	}
	
#wrapper {
	width:834px;
	margin:0 33px;
	padding-top:18px;
	}

#pan {
	width:834px;
	margin:0 33px;
	padding-top:10px;
	font-size:85%;
	/font-size:70%;
	}
	
.title1 {
	font-size:167%;
	font-weight:bold;
	background:url(../images/bar-b.gif) no-repeat left bottom;
	padding-bottom:10px;
	}
.title1 span {
	background:url(../images/title1.gif) no-repeat left 4px;
	padding-left:27px;
	display:inline-block;
	min-height:26px;
	height:auto !important;
	height:26px;
	}
	
.title2 {
	font-size:107%;
	font-weight:bold;
	color:#ffffff;
	background:url(../images/title2.gif) no-repeat left top;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin-top:30px;
	padding:8px 15px 4px;
	}
	
.title3 {
	font-size:107%;
	font-weight:bold;
	background:url(../images/bar-s.gif) no-repeat left bottom;
	padding-bottom:7px;
	margin:30px 5px 0;
	}
.title3 span {
	background:url(../images/title3.gif) no-repeat left 2px;
	padding-left:20px;
	display:inline-block;
	min-height:17px;
	height:auto !important;
	height:17px;
	}
	
.title4 a {
	font-size:107%;
	font-weight:bold;
	color:#ffffff !important;
	background:url(../images/title4.gif) no-repeat left top;
	display:block;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin-top:30px;
	padding:8px 15px 4px 30px;
	}
.title4 a:hover {
	background:url(../images/title4-on.gif) no-repeat left top;
	text-decoration:none;
	}
	
	
.text1 {
	margin:15px 10px 0;
	}
.text2 {
	margin:20px 10px 0;
	}
	
.pagetop {
	text-align:right;
	margin-top:20px;
	}
.pagetop-b {
	text-align:right;
	margin:30px 33px 0 0;
	}	

.list li {
	margin-left:0.6em;
	}
.list .indent {
	margin-right:0.1em;
	margin-left:-0.6em;
	}

		
/*----- フッター -----*/
#footer {
	clear:both;
	width:900px;
	margin:-73px auto 0;
	height:73px;
	background-color:#ffffff;
	}
#footer-in {
	width:834px;
	margin:0 33px;
	background:url(../images/back-footer.gif) no-repeat left top;
	position:relative;
	height:73px;
	}
.footer-box,
#footer .copyright {
	margin-left:341px;
	width:480px;
	}
.footer-box .contact-btn {
	width:324px;
	float:left;
	position:relative;
	}
.footer-box .contact-btn img {
	vertical-align:top;
	line-height:0;
	}
.footer-box .contact {
	width:137px;
	float:right;
	margin-top:10px;
	}
.footer-box .contact li {
	vertical-align:top;
	line-height:0;
	margin-bottom:3px;
	}
#footer .link {
	position:absolute;
	left:0;
	bottom:0;
	}
#footer .link li {
	vertical-align:top;
	line-height:0;
	height:17px;
	float:left;
	padding:0;
	margin-right:4px;
	}
#footer .link li img{
	vertical-align:top;
	line-height:0;
	}