@charset "Shift_JIS";
/* 文字コードセット */

/* reset　
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/* 全体構造
---------------------------------------------------- */
body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	font-size:90%;
	line-height:165%;
	color:#111;
	background:#fff;
}
img {
	border:none;
	vertical-align:top;
}
hr {
	clear:both;
	visibility:hidden;
}
table th,
table td {
	text-align:left;
	vertical-align:top;
}
/*input,textarea,select {
	margin:2px 5px 2px 0;
}*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
ol,ul {list-style:none;}

/* link
----------------------------------------------------------*/
a {
	outline:none;
}
a:link,a:visited {
	color:#0389cf;
}
a:hover {
	color:#111;
}
.img-filter a:hover img {
	opacity: 0.7;
 filter: alpha(opacity=80);
 -moz-opacity: 0.7;
}

/* hanyo
----------------------------------------------------------*/
.clear {clear:both;}
.bold {font-weight:bold;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.t-right {text-align:right;}
.t-left {text-align:left;}
.large {
	font-size:110%;
	line-height:140%;
	font-weight:bold
}
.middle{vertical-align:middle;}

.blue{color:#1b4084; font-weight:bold;}
.green{color:#009944; font-weight:bold;}
.red{color:#cc0000; font-weight:bold;}
.orange{color:#ff6600; font-weight:bold;}
.fs90{font-size:90%;}
.fs110{font-size:110%;font-weight:bold;}
.fs120{font-size:120%;font-weight:bold;}
.fs130{font-size:130%;font-weight:bold;}
.fs140{font-size:140%;font-weight:bold;}

.img_border{
	border:1px solid #CCC;
	padding:2px;
}
.border01{
	border-bottom:1px dashed #999;
	padding-bottom:14px;
	margin-bottom:15px;
}

.text_box{	
	padding:10px;
	background:#eee;
}
.text_box02{	
	padding:20px;
	background:#fef8e6;
}
.text_box03{	
	padding:20px;
	background:#f3f3f3;
}




/* margin,padding
----------------------------------------------------------*/
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mr20{margin-right:20px;}
.mr21{margin-right:21px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr16{margin-right:16px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr32{margin-right:32px;}
.mr05{margin-right:5px;}
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

/* title
----------------------------------------------------------*/
.link01{
	background:url(../images/icon01.jpg) no-repeat left center;
	min-height:5px;
	_height:5px;
	padding:3px 0px 3px 18px;
	clear:both
}
.link01 a:link,.link01 a:visited {
	color:#2e8e0f;
}
.link01 a:hover {
	color:#111;
}

.title01{
	font-size:160%;
	font-weight:bold;
	color:#0389cf;
	margin-bottom:15px;
	clear:both;
}
.title02{
	font-size:170%;
	font-weight:bold;
	border-left:8px solid #0389cf;
	padding:5px 0 5px 12px;;
	margin-bottom:20px;
	clear:both;
}
.title03{
	font-size:170%;
	font-weight:bold;
	color:#0389cf;
	margin-bottom:15px;
	clear:both;
}
.title04{
	font-size:175%;
	font-weight:normal;
	color:#21428d;
	margin-bottom:30px;
	text-align:center;
	line-height:160%;
}





/* base
----------------------------------------------------------*/
h1 {
	float:left;	
}
#header_bg{
	width:100%;
	background:#fff;
}
#header{
	width:960px;
	height:149px;
	margin:0 auto;
}




/* くず
----------------------------------------------------------*/
.pankuzu {
	width:670px;
	margin:0 auto;
	padding:10px;
	font-size:85%;
	background:#f1f1f1;
	margin-bottom:20px;
}
.pankuzu a:link,.pankuzu a:visited {
	color:#777;
}
.pankuzu a:hover {
	color:#111;
}


/*コンテンツ
----------------------------------------------------------*/
.wrapper {
	width:960px;
	margin:0 auto;
}
.space{
	margin:80px 0;
}
.space02{
	width:960px;
	margin:30px auto 60px;
}
.space03{
	margin:60px 0;
}
.space04{
	margin:60px 0 0;
}


/*h2
----------------------------------------------------------*/
#company_h2bg {
	width:100%;
	background:url(../images/company_h2bg.jpg) no-repeat top center;
}
#h2_box {
	width:960px;
	margin:0 auto;
}


/*bg
----------------------------------------------------------*/
.bg01{
	background:#f2f5f7;
	padding:60px 0;
}




/* navi
----------------------------------------------------------*/
#navi_bg{
	background:url(../images/navi_bg.jpg) repeat-x bottom;
	width:100%; 
	height:50px;
	margin-bottom:20px;
}
.navi_box {
	width:960px;
	margin:0 auto;
}
.navi li{float:left;}


	
/* list
----------------------------------------------------------*/
.list01 li{
	list-style:square;
	margin-left:20px;
	margin-bottom:10px;
}
.list01 li span{font-weight:bold;}
.list02 {
	list-style:decimal;
	margin-left:30px;
}
.list03 li{
	list-style:square;
	margin-left:20px;
}
.list04 li {
	list-style:decimal;
	margin-left:30px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dashed #999;
}

/* table
----------------------------------------------------------*/
.table_bg01{background:#fdf7e5; font-weight:bold;color:#ff6600; text-align:center}



/* top_wn
----------------------------------------------------------*/
.scrool_top{
	overflow:auto;
	width:700px;
	height:240px;
	padding-right:10px;
	margin-bottom:30px;
}
.info{
	width:100%;
}
.info th{
	width:1%;
	white-space:nowrap;
	padding:10px 20px 10px 0px;
	text-align:left;
	vertical-align:top;
	color:#777;
	border-bottom:1px dotted #999;
}
.info td{padding:10px;border-bottom:1px dotted #999;vertical-align:top;}
.info td img{ vertical-align:middle; margin-right:10px;}
.info a:hover img {
	opacity: 0.7;
 filter: alpha(opacity=80);
 -moz-opacity: 0.7;
}

.info a:link,.info a:visited {
	color:#333;
}
.info a:hover {
	color:#888;
}
.w80{
	width:80px;
}

/* top
----------------------------------------------------------*/
/*main*/
#main_bg {
	width:100%;
	background:url(../images/main_bg.jpg) no-repeat top center;
}
#main {
	width:960px;
	margin:0 auto;
}
/*--------------*/

.top_space{
	margin:60px 0;
}
.top_box01{
	width:460px;
}
.top_text01{
	width:285px;
	float:right;
}
.top_text01 a:hover img {
	opacity: 0.7;
 	filter: alpha(opacity=80);
 	-moz-opacity: 0.7;
}

.top_text02{
	width:295px;
	float:right;
}
.top_text02 a:hover img {
	opacity: 0.7;
 	filter: alpha(opacity=80);
 	-moz-opacity: 0.7;
}

/* shouboutenken
----------------------------------------------------------*/
#shouboutenken_bg01 {
	width:100%;
	background:url(../images/shouboutenken_bg01.jpg) no-repeat top center;
}
.shouboutenken_midashi {
	font-size:140%;
	font-weight:normal;
}
.shouboutenken_box{
	width:300px;
}
.shouboutenken_box img{
	margin-bottom:15px;
}


.step_table{
	width:100%;
	background:#fff;
	border-collapse:collapse;
}
.step_table th{
	background:#333;
	font-weight:normal;
	font-size:200%;
	color:#fff;
	padding:15px;
	width:20%;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
}
.step_table td{
	/*font-weight:bold;*/
	font-size:200%;
	padding:15px;
	vertical-align:middle;
}

.step_box{
	width:920px;
	border:1px solid #333;
	padding:19px;
	margin-bottom:50px;
}
.step_text{
	width:700px;
	float:left;
	line-height:180%;
}





/* shouboukouji
----------------------------------------------------------*/
#shouboukouji_bg01 {
	width:100%;
	background:url(../images/shouboukouji_bg01.jpg) no-repeat top center;
}
.shouboukouji_midashi {
	font-size:140%;
	font-weight:normal;
}
.shouboukouji_table01{
	width:100%;
	background:#fff;
	border:2px solid #ccc;
	border-collapse:collapse;
	margin-bottom:30px;
}

.shouboukouji_table01 td{
	border-right:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:12px 10px;
	vertical-align:middle;
}

.shouboukouji_table02{
	width:100%;
	background:#fff;
	border:2px solid #ccc;
	border-collapse:collapse;
	margin-bottom:50px;
}
.shouboukouji_table02 td{
	background:url(../images/icon02.png) no-repeat center left;
	border-right:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:12px 10px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}



/* company
----------------------------------------------------------*/
#company_bg01 {
	width:100%;
	background:url(../images/company_bg01.jpg) no-repeat top center;
}
.company_box01{
	width:460px;
}
.company_table01{
	width:100%;
	border:1px solid #ccc;
	background:#fff;
	border-collapse:collapse;
}
.company_table01 th{
	background:#eee;
	border:1px solid #ccc;
	padding:8px;
	width:1%;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
}
.company_table01 td{
	border:1px solid #ccc;
	padding:8px;
	vertical-align:middle;
}

.company_table02{
	width:100%;
	background:#fff;
	border-collapse:collapse;
}
.company_table02 th{
	border-bottom:1px dashed #ccc;
	padding:12px;
	width:1%;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
}
.company_table02 td{
	border-bottom:1px dashed #ccc;
	padding:12px;
	vertical-align:middle;
}
.map_box{
	width:960px;
}
.map_box iframe{border:1px solid #ccc;}
.map_link{
	background:url(../images/icon01.png) no-repeat left center;
	min-height:6px;
	_height:6px;
	padding:3px 0px 3px 19px;
}


/* contact
----------------------------------------------------------*/
.contact_table{
	width:100%;
	border:1px solid #ccc;
	background:#fff;
	border-collapse:collapse;
	margin-bottom:40px;
}
.contact_table th{
	background:#eee;
	border:1px solid #ccc;
	padding:10px 10px;
	width:20%;
	white-space:nowrap;
	vertical-align:middle;
}
.contact_table th span{
	color:#cc0000;
}
.contact_table th img{vertical-align:middle; margin-left:5px;}
.contact_table td{
	background:#fff;
	border:1px solid #ccc;
	padding:10px 10px;
	vertical-align:middle;
}


/*Webkit*/
::-webkit-input-placeholder{ color: #555;}
 
/*Firefox 19以降*/
::-moz-placeholder{ color: #555;}
 
/*Firefox 18以前*/
:-moz-placeholder { color: #555;}
 
/*Windows IE*/
:-ms-input-placeholder{ color: #555;}

 

.form30 {width:30px;}
.form50 {width:50px;}
.form75 {width:75px;}
.form100 {width:100px;}
.form200 {width:200px;}
.form250 {width:250px;}
.form300 {width:300px;}
.form400 {width:400px;}
.form450 {width:450px;}
.form500 {width:500px;}
.form550 {width:550px;}
.form600 {width:600px;}
.form650 {width:650px;}
.form700 {width:700px;}
.form750 {width:750px;}

.needinput{background-color:#fee;border:1px solid #ccc}
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input[type="text"], select{border:1px solid #ccc; padding:8px;}
textarea{border:1px solid #ccc;padding:8px;font-family: sans-serif;}

input[type="submit"]{padding:10px 8px;}
input[type="button"]{padding:10px 8px;}

.doi_box{
	padding:20px;
	background:#fff;
	border:4px solid #ccc;
	text-align:center;
	font-size:120%;
	margin-bottom:40px;
}


















/* footer
----------------------------------------------------------*/
#bottom{
	clear:both;
	width:100%;
	background:#fff;
}

#bottom_box{
	width:960px;	
	margin:0 auto;
	padding:60px 0;
}

#footer_bg{
	clear:both;
	width:100%;
	background:#0389cf;
}
#footer_box{
	width:960px;	
	margin:0 auto;
	padding:5px 0
}

.footer{
	width:600px;
	float:left;
	padding-top:5px;
}
.footer li{
	list-style:none;
	display:inline;
	border-right:1px solid #fff;
	padding:0px 5px;
	font-size:90%;
}
.footer .first{ padding-left:0px}
.footer .last{ border:none; padding-right:0px}

.footer a:link {color: #fff; text-decoration:none} 
.footer a:visited {color: #fff; text-decoration:none} 
.footer a:hover,
.footer a:active {color: #d2f0ff; text-decoration:none}

.auto{
	width:960px;	
	margin:20px auto;
}
small{
	color:#666;
	font-size:90%;	
}




.pbreaka{page-break-after:always;}


/* jQueryで画像をループ。最後STOP。
-----------------------------------*/
#keyvisual {
	margin: 0px auto 0px;
	width:100%;
	height:547px;
	text-align: left;
	position: relative;
	overflow: hidden; z-index:10;
}
#keyvisual img {
	top: 0px;
	left: 50%; margin-left:-1200px;
	position: absolute;
}



/* print
----------------------------------------------------------*/
@media print {


}