@charset "utf-8";

/*====================================================================

common.css

======================================================================

	01.format
	02.wrapper
	03.header
	04.global navigation
	05.main
	06.footer
	07.other
	08.index
	09.level2

=====================================================================*/

/*--------------------------------------------------------------------
	01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
	vertical-align: top;
	font:normal normal normal 100%/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
}
hr{
	border-width:0px;
	height:0
}
li{list-style-type: none;}

/*a
----------------------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active{color: #0ab2f7;}

a:link   {text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover  {text-decoration: none;}
a:active {text-decoration: underline;}


/*--------------------------------------------------------------------
	02.body
--------------------------------------------------------------------*/
body{
	background: url(img/back.gif) #fafaf2;
	text-align: center;
	color: #50433e;
	font-size: 12px;
}

div#wrap{
	width: 100%;
	background: url(img/wrap_back.gif) repeat-x top;
}


/*--------------------------------------------------------------------
	03.header
--------------------------------------------------------------------*/
div#header{
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	height: 100px;
	background: url(img/header_back.gif) no-repeat;
}
div#header h1{
	float: right;
	padding-top: 20px;
	padding-right: 20px;
	width: 400px;
	color: #6ea9c2;
	font-size: 10px;
	text-align: right;
}
div#header div a{
	float: left;
	display: inline;
	margin-top: 25px;
	margin-left: 20px;
	width: 220px;
	height: 55px;
	overflow: hidden;
	text-indent: -9999px;
}


/*--------------------------------------------------------------------
	04.global navigation
--------------------------------------------------------------------*/
div#global-navigation{
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	height: 75px;
	background: url(img/g_navi.gif) no-repeat;
}
div#global-navigation ul,
div#global-navigation ul li,
div#global-navigation ul li a{
	display: inline;
	height: 75px;
	outline: none;
	text-indent: -9999px;
}
div#global-navigation ul li,
div#global-navigation ul li a{
	float: left;
	width: 170px;
}
#gn1 a{background-position: 0 0;}
#gn2 a{background-position: -170px 0;}
#gn3 a{background-position: -340px 0;}
#gn4 a{background-position: -510px 0;}
#gn5 a{background-position: -680px 0;}
div#global-navigation ul li a:hover,
div#global-navigation ul li.this a{background-image: url(img/g_navi_over.gif);}


/*--------------------------------------------------------------------
	05.main
--------------------------------------------------------------------*/
div#main{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	background: url(img/main_back.gif) repeat-y top;
}
div#main:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*	5-1.contents
----------------------------------------------------------------*/
div#contents{
	float: right;
	margin-top: -20px;
	width: 600px;
}
div#contents h3{
	margin-top: 20px;
	clear: both;
}

/*	5-2.sidebar
----------------------------------------------------------------*/
div#sidebar{
	float: left;
	width: 210px;
}
div#sidebar p{
	padding: 10px 15px 0 15px;
	font-size: 10px;
	text-align: left;
}
/* info */
div#info{
	margin-top: 20px;
	background: url(img/info_back.gif) no-repeat bottom center;
}
div#info img{
	margin-left: auto;
	margin-right: auto;
}
div#info p{
	padding-left: 20px;
	color: #4b382a;
}
img#tel{margin-top: 10px;}
img#c-btn{
	margin-top: 10px;
	margin-bottom: 15px;
}
div#info a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------------
	06.footer
--------------------------------------------------------------------*/
div#footer{
	margin-top: 10px;
	width: 100%;
	height: 100px;
	background: url(img/footer_back.gif) repeat-x top;
}
div#footer div{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
}
div#footer ul{
	display: inline;
	float: left;
	margin-top: 35px;
	margin-left: 15px;
}
div#footer ul li{
	display: block;
	float: left;
	margin: 3px 5px 3px 0;
	padding-right: 8px;
	border-right: solid 1px #b7bdbe;
	height: 14px;
	text-align: left;
}
div#footer ul li.nb{
	display: block;
	float: left;
	margin: 3px 0 3px 0;
	padding-right: 10px;
	height: 18px;
	border-right: none;
}
#footer p{
	clear: both;
	padding-top: 7px;
	padding-left: 15px;
	color: #480e0e;
	font-family: tahoma, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	text-align: left;
}


/*--------------------------------------------------------------------/
	07.other
/--------------------------------------------------------------------*/
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
strong{color: #db2b19;}
em{
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
}
.st{color: #d32109;}
.mt{margin-top: 10px;}
.mb{margin-bottom: 15px;}
.large{
       color:#CC0033;
	   font-weight: bold;
	   font-size:18px;
        }

/*	7-1.pagetop
----------------------------------------------------------------*/
div.pagetop{
	clear: both;
	margin-right: 5px;
}
div.pagetop img{
	float: right;
	padding-top: 10px;
}


/*--------------------------------------------------------------------
	08.index
--------------------------------------------------------------------*/
div#top{
	position: relative;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 420px;
	background-image: url(img/top_back.jpg);
}
div#top ul li#top01{
	position: absolute;
	top: 53px;
	left: 37px;
}
div#top ul li#top02{
	position: absolute;
	top: 102px;
	left: 312px;
}
div#top ul li#top03{
	position: absolute;
	top: 53px;
	left: 582px;
}

/* motto */
div#motto{
	position: relative;
	margin-top: 20px;
	width: 600px;
	height: 263px;
	background-image: url(img/motto_back.gif);
	overflow: hidden;
}
div#motto h2{text-indent: -9999px;}
li#motto1{
	position: absolute;
	top: 19px;
	left: 26px;
}
li#motto2{
	position: absolute;
	top: 101px;
	left: 26px;
}
li#motto3{
	position: absolute;
	top: 180px;
	left: 26px;
}
div#motto a img{
	position: absolute;
	top: 13px;
	left: 440px;
}

#top-banner{
	margin-left: auto;
	margin-right: auto;
}

/* topics */
div#topics{
	float: left;
	width: 340px;
	height: 192px;
	background: url(img/topics_back.gif) no-repeat bottom;
	text-align: left;
}
div#contents div#topics h3{margin-top: 0;}
div#topics div{
	width: 330px;
	height: 144px;
	overflow: auto;
}
div#topics table{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	font-size: 10px;
}
div#topics th{
	padding: 10px 10px 0 10px;
	font-weight: bold;
	color: #2098cf;
	text-align: left;
}
div#topics td{
	padding: 3px 10px 10px 10px;
	color: #423531;
	border-bottom: solid 1px #d8d4cb;
	text-align: left;
}

div#top-right{
	display: inline;
	float: right;
	margin-right: 5px;
	padding-top: 8px;
	width: 245px;
}
div#top-right img{padding-top: 4px;}


/*--------------------------------------------------------------------
	09.level2
--------------------------------------------------------------------*/

/*	9-1.common elements
----------------------------------------------------------------*/

/* h2 */
div#h2box{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 860px;
}
div#h2box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* topic path */
ul#topic-path{
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	height: 20px;
	background: url(../img/bg_topicpath.gif) no-repeat;
	text-align: left;
	font-size: 10px;
}
ul#topic-path li{
	display: inline;
	padding-left: 3px;
	line-height: 16px;
}
ul#topic-path li a{
	padding-right:10px;
	background:url(img/tp-arrow.gif) no-repeat right center;
}


/* local navigation */
div#local-navigation{
	background: url(img/l_navi.gif) no-repeat;
	width: 210px;
	height: 163px;
}
div#local-navigation ul li,
div#local-navigation ul li a{
	display: block;
	width: 210px;
	height: 40px;
	outline: none;
	text-indent: -9999px;
}
#ln1 a{background-position: 0 0;}
#ln2 a{background-position: 0 -40px;}
#ln3 a{background-position: 0 -80px;}
#ln4 a{background-position: 0 -120px;}
div#local-navigation ul li a:hover{background-image: url(img/l_navi_over.gif);}


/* box */
div.box{width: 600px;}
div.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.box h4{
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 13px;
	background: url(img/h4_back.gif) no-repeat bottom;
	font-size: 14px;
	font-weight: bold;
	color: #fa9f01;
	text-align: left;
}
div.box p{
	padding: 15px 20px 0 20px;
	text-align: left;
}
div.box img.left,
div.box img.right{
	display: inline;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #d6d5d0;
}
div.box img.left{margin: 15px 20px 10px 20px;}
div.box img.right{margin: 15px 20px 10px 20px;}


/* table */
table.nml{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 560px;
}
table.nml th,
table.nml td{
	padding: 10px 10px 10px 15px;
	border-bottom: solid 1px #d6d5d0;
	text-align: left;
	vertical-align: top;
}
table.nml th.nb,
table.nml td.nb{border-bottom: none;}
table.nml th{
	width: 25%;
	border-right: solid 1px #65c2f6;
	font-weight: bold;
}


/* button */
img.button{
	display: inline;
	float: left;
	margin-left: 20px;
	margin-top: 25px;
}


/*	9-2.policy
----------------------------------------------------------------*/
img#sign{float: right;}

dl.list{
	text-align: left;
}
dl.list dt{padding-top: 18px;}
dl.list dd{padding: 15px 20px 0 20px;}


/*	9-3.reform
----------------------------------------------------------------*/
dl#reform{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	background: #119de5;
	border: solid 2px #018dd5;
	text-align: left;
	color: #ffffff;
}
dl#reform dt{
	padding-top: 15px;
	padding-left: 15px;
	font-size: 15px;
	font-weight: bold;
}
dl#reform dd{padding: 10px 15px 15px 15px;}

/* contents bottom */
div#contents-bottom{
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	width: 580px;
	background: url(img/contents-bottom_back.gif) no-repeat bottom;
	border-top: solid 1px #d6d5d0;
}
div#contents-bottom:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#contents-bottom p{
	padding: 0 15px 10px 15px;
	text-align: left;
}
div#contents-bottom img.button{
	float: left;
	margin-top: 0;
	margin-left: 10px;
	padding-bottom: 20px;
}
div#contents div#contents-bottom h3{
	clear: both;
	margin-top: -15px;
}
div#contents div#contents-bottom h3.nmt{margin-top: 0;}
img#bottom-tel{
	float: left;
	margin-top: 5px;
	margin-left: 30px;
	padding-bottom: 20px;
}
img#button-bottom{
	float: left;
	margin-top: 5px;
	margin-left: 30px;
	padding-bottom: 20px;
}



img#flow{margin-top: 15px;}

/* ul li */
ul.point{
	margin-top: 20px;
	margin-left: 25px;
}
ul.point li{
	padding: 3px 10px 2px 20px;
	background: url(img/li_back.gif) no-repeat top left;
	font-size: 15px;
	color: #058ed5;
	text-align: left;
}

/* dl */
dl.ex{
	margin-left: auto;
	margin-right: auto;
	width: 560px;
}
dl.ex dt,
dl.ex dd{text-align: left;}
dl.ex dt{
	margin-top: 15px;
	padding: 2px 10px;
	background: #6ed0f0;
	font-weight: bold;
	color: #ffffff;
}
dl.ex dd{padding: 10px 10px 0 10px;}


/* before after */
div.babox{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 560px;
	background: url(img/babox_back.gif) no-repeat center;
}
div.babox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.babox img{
	padding: 3px;
	background: #ffffff;
	border: solid 1px #d6d5d0;
}
div.babox img.before{float: left;}
div.babox img.after{float: right;}


/*	9-4.staff
----------------------------------------------------------------*/
div.staff{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	width: 560px;
	text-align: left;
}
div.staff:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.staff h4{
	padding: 2px 10px;
	background: #6fbdeb;
	font-weight: bold;
	color: #ffffff;
}
div.staff img{
	display: inline;
	margin: -10px 10px 20px 0;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #d6d5d0;
}
div.staff table{
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 290px;
}
div.staff table th,
div.staff table td{
	padding: 2px 5px;
	text-align: left;
}
div.staff table th{
	width: 55px;
	color: #6fbdeb;
}
div.staff p{
	clear: both;
	padding: 15px 8px 10px 8px;
	border-top: solid 1px #d4d4ce;
}
div.staff p span.st{color: #119de5;}





/*	9-5.self check
----------------------------------------------------------------*/
table.nml.check{
	background: #ffffff;
	border: solid 1px #d6d5d0;
}
table.nml.check th{
	padding: 15px;
	width: 18%;
	background: url(img/th_back.gif);
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

table.nml.check ul li{
	padding: 3px 10px 0 22px;
	background: url(img/li_check_back.gif) no-repeat top left;
	text-align: left;
}
table.nml.check td#cp1{background: url(img/td_check_back_01.jpg) no-repeat bottom right;}
table.nml.check td#cp2{background: url(img/td_check_back_02.jpg) no-repeat bottom right;}
table.nml.check td#cp3{background: url(img/td_check_back_03.jpg) no-repeat bottom right;}
table.nml.check td#cp4{background: url(img/td_check_back_04.jpg) no-repeat bottom right;}
table.nml.check td#cp5{background: url(img/td_check_back_05.jpg) no-repeat bottom right;}
table.nml.check td#cp6{background: url(img/td_check_back_06.jpg) no-repeat bottom right;}
table.nml.check td#cp7{background: url(img/td_check_back_07.jpg) no-repeat bottom right;}
table.nml.check td#cp8{background: url(img/td_check_back_08.jpg) no-repeat bottom right;}
table.nml.check td#cp9{background: url(img/td_check_back_09.jpg) no-repeat bottom right;}



/*	9-6.company
----------------------------------------------------------------*/
#access{
	text-align: left;
}
#access iframe{
	margin-left: 20px;
	margin-top: 20px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
	text-align: left;
	width: 530px;
}
#access small{padding-left: 20px;}


/*	9-7.contact
----------------------------------------------------------------*/
div.box table.send{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 560px;
}
div.box table.send th,
div.box table.send td{
	border: none;
	text-align: left;
}
div.box table.send td.w19{width: 13%;}
div.submit_box{
	float: left;
	margin-top: 15px;
	padding-left: 20px;
	width: 560px;
	text-align: left;
}