@charset "utf-8";



/* reset
-----------------------------------*/
html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,header,hgroup,section,article,aside,hgroup,footer,figure,figcaption,nav{margin:0;padding:0;font-size:100%;}body{line-height:1.0;-webkit-text-size-adjust:none;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}img{border:0;vertical-align:bottom;}ul,ol{list-style:none;}table{border-spacing:0;empty-cells: show;}h1,h2,h3,h4,h5,h6,strong,th{font-weight:normal;text-align:left;}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}



/* setting
-----------------------------------*/
a{
	color: #323232;
	text-decoration: none;
}
a:hover{
	color: #787878;
	text-decoration: underline;
}
a:focus{
	-moz-outline-style: none;
}
strong{
	font-weight: bold;
}
ul li{
	list-style-type: disc;
}
ol li{
	list-style-type: decimal;
}
address{
	font-style :normal;
}



/* clear
-----------------------------------*/
.clear{
	clear: both;
}



/* clearfix
-----------------------------------*/
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix{
	display: inline-table;
	min-height: 1%;
}

/* for macIE \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* end of for macIE */



/* html
-----------------------------------*/
html{
	height: 100%;
	overflow: auto;
}
*html{
	overflow-y: scroll;
}



/* body
-----------------------------------*/
body{
	color: #323232;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.53;
	-webkit-text-size-adjust: 100%;
	background: #ffffff;
	text-align: left;
	overflow-x: hidden;
	min-width: 1000px;
	position: relative;
}



/* header
-----------------------------------*/
#header{
	width: 100%;
	height: 290px;
	background: url("../img/bg_header_03.png") repeat-x 0 bottom;
	position: relative;
}

#header:after{
	display: block;
	content: "";
	background: url("../img/bg_header_01.png") no-repeat center bottom;
	width: 1600px;
	height: 108px;
	position: absolute;
	left: 50%;
	margin-left: -800px;
	bottom: 0;
}

#header .inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#header h1{
	color: #646464;
	font-size: 85%;
	line-height: 1.36;
	width: 1000px;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 0;
}

#header a.logo{
	position: absolute;
	top: 51px;
	left: 0;
}

#header .header_nav{
	position: absolute;
	top: 96px;
	right: -16px;
}

#header .header_nav ul li{
	list-style: none;
	float: left;
}

#header .header_nav ul li img{
	border: none;
	vertical-align: top;
}



/* breadcrumb
-----------------------------------*/
.breadcrumb{
	width:1000px;
	margin: 0 auto;
}

.breadcrumb ul{
	padding-top:10px;
	text-align:left;
	float:right;
}

.breadcrumb li{
	color: #323232;
	font-size: 100%;
	line-height: 2.8;
	list-style: none;
	overflow:hidden;
	float:left;
}

.breadcrumb li.list_detail{
	max-width: 190px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.breadcrumb ul li + li{
	background: url("../img/ico_breadcrumb.gif") no-repeat 0 5px;
	margin-left: 5px;
	padding-left: 27px;
}

.breadcrumb ul li a{
	color: #323232;
	text-decoration: none;
}

.breadcrumb ul li a:hover{
	color: #787878;
	text-decoration: underline;
}



/* pager
-----------------------------------*/
.pager{
	width:980px;
	margin:0 auto;
	text-align:center;
}

.pager ul{
	display:inline-block;
}

.pager ul li{
	color:#000000;
	text-align:center;
	list-style:none;
	background:#f6f6f6;
	border:1px solid #797979;
	margin-right:6px;
	float:left;
}

.pager ul li a{
	color:#000000;
	display:block;
	padding:3px 6px 0;
}

.pager ul li a:hover{
	text-decoration:none;
	background: #ffffff;
	border-color: #ababab;
}

.pager ul .current{
	color:#ffffff;
	background:#797979;
	padding:3px 6px 0;
}

.pager ul .space{
	font-size:93%;
	padding:3px 4px 1px;
}
.pager ul .prev a,
.pager ul .next a{
	padding:3px 11px 0;
}

.pager ul .prev{
	margin-right:20px;
}

.pager ul .next{
	margin-left:14px;
}

.pager ul li.not{
	position:relative;
	filter: alpha(opacity=50);
	opacity:0.2;
	cursor: default;
	pointer-events:none;
	padding:3px 11px 0;
}

.pager ul li.not:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
}



/* #footer_nav
-----------------------------------*/

#footer_nav{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

#footer_nav ul{
	margin-left: 22px;
}

#footer_nav ul li{
	list-style: none;
	font-size: 93%;
	float: left;
	border-right: 1px solid #323232;
}

#footer_nav ul li:last-child{
	border: none;
}

#footer_nav ul li a{
	display: block;
	padding: 8px 29px;
	color: #000000;
}

#footer_nav ul li a:hover{
	color: #666666;
	text-decoration: underline;
}



/* footer
-----------------------------------*/
#footer{
	width: 100%;
	position: relative;
	background: url("../img/bg_footer_01.png") repeat-x 0 bottom;
}

#footer p.message{
	width: 720px;
	font-size: 131%;
	text-align: center;
	padding: 92px 0 115px;
	margin: 0 auto 40px;
	background: url("../img/bg_footer_02.png") no-repeat center top;
	position: relative;
}

#footer p.message:after{
	display: block;
	content: "";
	background: url("../img/bg_footer_03.png") no-repeat 0 0;
	width: 64px;
	height: 68px;
	position: absolute;
	left: 50%;
	margin-left: -34px;
	bottom: 0;
}

#footer p.pagetop{
	text-align: center;
}

#footer .nav{
	width: 100%;
	min-height: 125px;
	background: #e6e6e6 url("../img/bg_footer_04.png") no-repeat center bottom;
	position: relative;
}

#footer .nav h2{
	width: 980px;
	margin: 0 auto;
	padding: 42px 0 0 20px;
}

#footer .nav h2 a{
	width:450px;
	display: block;
}

#footer .nav h2 span{
	font-size: 116%;
	font-weight: bold;
}

#footer .nav h2 strong{
	font-size: 146.5%;
}

#footer .nav ul{
	width: 600px;
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -12px;
}

#footer .nav ul li{
	width: 145px;
	list-style: none;
	float: left;
}

#footer .nav ul li:nth-child(4n+2){
	width: 150px;
}

#footer .nav ul li:nth-child(4n+3){
	width: 133px;
}

#footer .nav ul li a{
	display: block;
	line-height: 1.9;
	background: url("../img/ico_01.png") no-repeat 0 4px;
	padding: 3px 0 3px 29px;
	position: relative;
}

#footer .nav ul li a:hover{
	background: url("../img/ico_01.png") no-repeat 2px 4px;
}

#footer .map{
	width: 100%;
	height: 220px;
}

#footer .address{
	width: 100%;
	background: #646464;
	border-bottom: 5px solid #ffffff;
	position: relative;
}

#footer .address .inner{
	width: 980px;
	margin: 0 auto;
	padding: 18px 0 12px 20px;
}

#footer .address p{
	color:#ffffff;
}

#footer .address p a{
	color: #fff;
}

#footer .address p a:hover{
	color: #b4b4b4;
}

#footer .address .text01{
	float: left;
}

#footer .address .text02{
	margin-left: 260px;
}

#footer .address ul{
	width: 500px;
	position: absolute;
	top: 19px;
	left: 50%;
	margin-left: 127px;
}

#footer .address ul li{
	float: left;
	list-style: none;
	width: 195px;
}

#footer .address ul li a{
	color: #ffffff;
	display: block;
	line-height: 1.9;
	background: url("../img/ico_01.png") no-repeat 0 4px;
	padding: 3px 0 3px 29px;
	position: relative;
}

#footer .address ul li a:hover{
	color: #b4b4b4;
	background: url("../img/ico_01.png") no-repeat 2px 4px;
}

#footer .copyright{
	width: 100%;
	height: 160px;
	background: url("../img/bg_footer_05.png") no-repeat center bottom;
	position: relative;
	z-index: 2;
}

#footer .copyright p{
	width: 980px;
	padding: 25px 0 0 20px;
	margin: 0 auto;
	color: #ffffff;
}

#footer .copyright p:after{
	display: block;
	content: "";
	background: url("../img/img_footer_01.png") no-repeat 0 0;
	width: 291px;
	height: 162px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -210px;
}

#footer .copyright p small{
	font-size: 100%;
}



/* form_unit
-----------------------------------*/
.form_unit .form{
	width:1000px;
	margin:0 auto;
}

.form_unit .form table.input{
	width: 840px;
	margin: 0 auto;
	border-spacing: 0 5px;
	table-layout:fixed;
	background: url("../img/bg_line_02.gif") repeat-x 0 bottom;
}

.form_unit .form table.input tr{
	background: url("../img/bg_line_03.gif") repeat-x 0 top;
}

.form_unit .form table.input tr:nth-child(even){
	background: #f5f5f5 url("../img/bg_line_02.gif") repeat-x 0 top;
}

.form_unit .form table.input th{
	width: 195px;
}

.form_unit .form table.input td{
	padding: 13px 0 8px 0;
}

.form_unit .form table.input th > div{
	position: relative;
	padding: 11px 0 6px 30px;
}

.form_unit .form table.input tr:nth-child(even) > th > div{
	padding: 14px 0 6px 30px;
}

.form_unit .form table.input tr:nth-child(even) > td{
	padding: 14px 0 6px 0;
}

.form_unit .form table.input th > div img{
	position: absolute;
	top: 5px;
	left: 150px;
}

.form_unit .form table.input tr:nth-child(even) > th > div img{
	position: absolute;
	top: 7px;
	left: 150px;
}

.form_unit .form input[type="text"], 
.form_unit .form input[type="tel"],
.form_unit .form textarea{
	border: 1px solid #999999;
	box-shadow: 3px 3px 0 0 #e6e6e6 inset;
	-webkit-box-shadow: 3px 3px 0 0 #e6e6e6 inset;
	line-height: 1.7;
	vertical-align: middle;
}

.form_unit .form table.textarea{
	background: #f5f5f5 url("../img/bg_line_04.gif") repeat-x 0 bottom;
	border-spacing: 0 10px;
	margin: 0 auto 60px;
}

.form_unit .form table.textarea th{
	width:840px;
	vertical-align:top;
}

.form_unit .form table.textarea tr th  div{
	padding: 6px 0 0 30px;
	position:relative;
}

.form_unit .form table.textarea td{
	position:relative;
	display:block;
	padding: 5px 0 6px 0;
}

.form_unit .form table.textarea tr th > div img{
	position: absolute;
	top: -5px;
	left: 273px;
}

.form_unit .form  table.textarea .textarea780_165{
	width: 775px;
	height: 165px;
	margin: 0 30px 5px;
	padding-left: 5px;
}

.form_unit .form .textinput602{
	width: 602px;
}

.form_unit .form .textinput505{
	width: 505px;
}

.form_unit .form .textinput305{
	width: 305px;
}

.form_unit .form .textinput155{
	width: 155px;
}

.form_unit .form .selectinput{
	vertical-align:middle;
	padding: 2px;
}

.form_unit .form .btn{
	margin-left: 256px;
}

.form_unit .form  input{
	padding-left: 5px;
}


/* confirm_unit
-------------------------------------*/
.confirm_unit .form table.input th{
	width: 205px;
}

.confirm_unit .form table td{
	font-weight: bold;
	font-size: 116%;
	line-height: 1.6;
}


.confirm_unit .form table.input th.textarea > div{
	padding: 18px 0 6px 30px;
}


.confirm_unit .form table.input th.textarea > div img{
	position: absolute;
	top: 10px;
}

.confirm_unit td.textarea600{
	width: 600px;
	display: block;
}

.confirm_unit .form .btn{
	width: 740px;
	margin-left: 129px;
	padding-top: 57px;
}

.confirm_unit .form .btn .back,
.confirm_unit .form .btn .submit{
	padding-left: 0;
	float: left;
}

.confirm_unit .form .btn .back{
	margin: 40px 114px 0 0;
}

.confirm_unit .textarea{
	display: table-cell;
	vertical-align: top;
}