@charset "utf-8";

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

common.css

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

	01.format
	02.body
	03.header
	04.h2
	05.main
	06.footer
	07.other and template
	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{
	margin:0;
	padding:0;
	border:none;
	font:normal normal normal 100%/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border-collapse:collapse;
}
hr{display:none;}
img{display:block;}
li{list-style-type: none;}

/*a
----------------------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active{
	color: #018beb;
	outline:none;
}

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


/*--------------------------------------------------------------------/
	02.body
/--------------------------------------------------------------------*/
body{
	background: #ffffff;
	text-align: center;
	font-size: 13px;
	color: #2c2c2c;
}
div#wrapper1{
	width: 100%;
	background: url(img/top_bg_wrapper.jpg) repeat-x top center;
	text-align: left;
}
div#wrapper{
	width: 100%;
	background: url(img/common_bg_wrapper.jpg) repeat-x top center;
	text-align: left;
}


/*--------------------------------------------------------------------/
	03.header
/--------------------------------------------------------------------*/
div#header{
	margin-left:auto;
	margin-right:auto;
	width:880px;
	height: 100px;
	background: url(img/common_bg_header.jpg) no-repeat;
}
div#header h1{
	float:right;
	padding-top: 22px;
	padding-right:18px;
	text-align: right;
	line-height: 1;
	font-size: 10px;
	color:#ffffff;
}
div#header div#logo a{
	float: left;
	margin-top: 20px;
	display: block;
	width: 205px;
	height: 75px;
	overflow: hidden;
	text-indent: -9999px;
}

/* navigation
--------------------------------------------------------------------*/
div#navigation{
	float:left;
	display:inline;
	margin-left:11px;
	margin-top:23px;
	width: 655px;
	height: 44px;
	background: url(img/common_bg_navigation.gif) no-repeat;
}
div#navigation li,
div#navigation li a{
	display: inline;
	float: left;
	width: 131px;
	height: 44px;
	outline: none;
	text-indent: -9999px;
}
#gn1 a{background-position: 0 0;}
#gn2 a{background-position: -131px 0;}
#gn3 a{background-position: -262px 0;}
#gn4 a{background-position: -393px 0;}
#gn5 a{background-position: -524px 0;}
div#navigation ul li a:hover{background-image: url(img/common_bg_navigation_over.gif);}


/*--------------------------------------------------------------------/
	04.h2
/--------------------------------------------------------------------*/
h2{
	margin-left:auto;
	margin-right:auto;
	width:880px;
}
div#wrapper1 h2{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:35px;
	width:880px;
}


/*--------------------------------------------------------------------/
	05.main
/--------------------------------------------------------------------*/
div#main{
	margin-left:auto;
	margin-right:auto;
	width: 860px;
	background:url(img/common_bg_main.gif) repeat-y top right;
}
div#main:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#main a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
div#contents{
	float:left;
	width: 630px;
}
div#sidebar{
	float:right;
	width: 200px;
	text-align: left;
	border-top:solid 1px #e4e4de;
}


/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/
div#footer{
	width:100%;
	height:200px;
	background:url(img/common_bg_footer.gif) repeat-x top;
}
div#footer div{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:860px;
	height:200px;
	background:url(img/common_bg_footer-div.gif) no-repeat;
}

/* pagetop
--------------------------------------------------------------------*/
div#footer a img{
	display: inline;
	float: right;
	margin-top: 60px;
	margin-right: 10px;
}
div#footer a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* address
--------------------------------------------------------------------*/
#footer address{
	margin-right:50px;
	padding-top:65px;
	float:left;
	font-style: normal;
}
#footer address em{
	color:#1c419a;
	font-weight:bold;
}

/* list
--------------------------------------------------------------------*/
div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active {text-decoration: none;}
div#footer ul{
	float: left;
	margin-top: 60px;
	margin-left: 10px;
	padding: 0 20px 5px 0;
	font-size: 11px;
}
div#footer ul li{
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	font-size:10px;
}
div#footer ul li a{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	background: url(img/common_bg_footer-li.gif) no-repeat center left;
	text-align: left;
	color:#60645f;
}
div#footer ul li a:hover{
	background: url(img/common_bg_footer-li_over.gif) no-repeat center left;
	color: #e63911;
}

/* p
--------------------------------------------------------------------*/
div#footer div p{
	position: absolute;
	top: 175px;
	left:0;
	color: #534f4f;
	font-size: 10px;
	font-family: tahoma, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
}


/*--------------------------------------------------------------------/
	07.other
/--------------------------------------------------------------------*/
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
.clearfix{zoom:1;}
.inline{display:inline;}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
strong{color: #db0b0b;}

/* text */
.txt_l{text-align: left;}
.txt_r{text-align: right;}
.txt_c{text-align: center;}

/* size */
.fs_s{
	font-size: 80%;
	line-height: 100%;
}
.fs_m{
	font-size: 100%;
	line-height: 120%;
}
.fs_l{
	font-size: 120%;
	line-height: 140%;
}

/* letter spacing */
.ls_s{letter-spacing: -1pt;}
.ls_m{letter-spacing: 0pt;}
.ls_l{letter-spacing: 1em;}

/* padding */
.ps{padding: 5px;}
.ps_t{padding-top: 5px;}
.ps_b{padding-bottom: 5px;}
.ps_h{padding: 5px 0px;}
.ps_w{padding: 0px 5px;}

.pm{padding: 10px;}
.pm_t{padding-top: 10px;}
.pm_b{padding-bottom: 10px;}
.pm_h{padding: 10px 0px;}
.pm_w{padding: 0px 10px;}

/* margin */
.ms{margin: 10px;}
.ms_t{margin-top: 10px;}
.ms_b{margin-bottom: 10px;}
.ms_l{margin-left: 10px;}
.ms_r{margin-right: 10px;}
.ms_h{margin: 10px 0px;}
.ms_w{margin: 0px 10px;}

.mm{margin: 15px;}
.mm_t{margin-top: 15px;}
.mm_b{margin-bottom: 15px;}
.mm_l{margin-left: 15px;}
.mm_r{margin-right: 15px;}
.mm_h{margin: 15px 0px;}
.mm_w{margin: 0px 15px;}

.ml{margin: 10px;}
.ml_t{margin-top: 25px;}
.ml_b{margin-bottom: 25px;}
.ml_l{margin-left: 25px;}
.ml_r{margin-right: 25px;}
.ml_h{margin: 25px 0px;}
.ml_w{margin: 0px 25px;}

.m_a{margin:0px auto;}


/* pagetop */
div.pagetop{
	margin-top: 50px;
	height: 10px;
}
div.pagetop img{
	display: inline;
	float: right;
	margin-right: 5px;
}


/*--------------------------------------------------------------------/
	08.index
/--------------------------------------------------------------------*/

/* para1 */
div#para1{
	width:630px;
	background:url(img/top_bg_para1.gif) repeat-y;
}
div#para1:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#para1 h3{
	display:block;
	width:630px;
	height:105px;
}
div#para1 h3 img{float:left;}
div#para1 div#tile{
	float:left;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:15px;
	width:255px;
	height:350px;
	background:url(img/top_bg_tile.jpg) no-repeat;
}
div#para1 div#tile img{
	margin-top:270px;
	margin-left:40px;
}
div#para1 p{
	padding:15px 20px 0 20px;
	color:#0d214e;
}
div#para1 ul{
	clear:both;
	margin-top:15px;
	height:80px;
}
div#para1 ul li{
	display:inline;
	float:left;
	margin-left:10px;
}

/* para2 */
div#para2{
	margin-top:25px;
	width:630px;
	background:url(img/top_bg_para2.gif) repeat-y top;
}
div#para2 h3{
	float:left;
	margin-right:20px;
}
div#para2 p{
	padding:15px 20px 0 20px;
	color:#ffffff;
}
div#para2 ul{
	margin-top:15px;
	padding-bottom:20px;
	height:40px;
}
div#para2 ul li{
	display:inline;
	float:left;
	margin-right:5px;
}

/* recent works */
div#recent{
	margin-top:5px;
	margin-left:5px;
	width:190px;
}
div#recent th,
div#recent td{
	padding-top:5px;
	padding-bottom:3px;
	vertical-align:top;
}
div#recent th img{border:solid 1px #e0a344;}
div#recent td{padding-left:5px;}


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

/* common elements
--------------------------------------------------------------------*/

/* topic path */
ul#topic-path{
	margin:15px auto 10px auto;
	width:860px;
	padding-left:20px;
	padding-right: 15px;
	text-align: left;
}
ul#topic-path:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul#topic-path li{
	display: inline;
	padding-left: 3px;
	line-height:20px;
	font-size:10px;
}
ul#topic-path li a{
	padding-right:10px;
	background:url(img/common_bg_tp.gif) no-repeat right center;
}


/* h3 */
div#wrapper div#contents h3{
	padding-left:30px;
	background: url(img/common_bg_h3.gif) no-repeat;
	line-height:50px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}

/* box */
div.box{width:630px;}
div.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.box p{padding:10px 15px 0 15px;}


/* tel */
img#tel{
	margin-top:5px;
	margin-left:5px;
}

/* local navigation */
dl#local-navi01{
	margin-top:5px;
	margin-left:5px;
	width:190px;
	height:170px;
	background:url(img/common_bg_local-navi01.gif) no-repeat bottom;
}
dl#local-navi02{
	margin-left:5px;
	margin-bottom:10px;
	width:190px;
	height:172px;
	background:url(img/common_bg_local-navi02.gif) no-repeat bottom;
}
dl#local-navi01 dd,
dl#local-navi01 dd a,
dl#local-navi02 dd,
dl#local-navi02 dd a{
	display:block;
	width: 190px;
	height:45px;
	outline: none;
	text-indent: -9999px;
}
.ln1 a{background-position: 0 0;}
.ln2 a{background-position: 0 -45px;}
.ln3 a{background-position: 0 -90px;}
dl#local-navi01 dd a:hover{background-image: url(img/common_bg_local-navi01_over.gif);}
dl#local-navi02 dd a:hover{background-image: url(img/common_bg_local-navi02_over.gif);}

/* side bnr */
div#sidebar img.bnr{
	margin-left:5px;
	padding-bottom:5px;
}


/* work */
div#work{
	width:630px;
	background:url(img/top_bg_para2.gif) repeat-y top;
}
div#wrapper div#contents div#work h3{
	float:left;
	padding-left:0;
	margin-right:20px;
	background:none
}
div#work p{
	padding:15px 20px 0 20px;
	color:#ffffff;
}
div#work ul{
	margin-top:15px;
	padding-bottom:20px;
	height:40px;
}
div#work ul li{
	display:inline;
	float:left;
	margin-right:5px;
}


/* contact
--------------------------------------------------------------------*/
div#contact{
	width:630px;
	background:url(img/style3_bg_contact.gif) repeat-y;
	border-top:solid 2px #0c3581;
	border-bottom:solid 2px #0c3581;
}
div#wrapper div#contents div#contact h3{
	padding-left:20px;
	padding-top:10px;
	background:none;
	color:#ffffff;
	line-height:30px;
}
div#contact p{
	padding:0 20px;
	color:#ffffff;
}
div#contact ul{
	margin-top:15px;
	margin-left:25px;
	padding-bottom:20px;
	height:40px;
}
div#contact ul li{
	display:inline;
	float:left;
	margin-right:5px;
}


/* service
--------------------------------------------------------------------*/

/* tool */
div#ktI-T2,
div#ktI-T3,
div#ktI-T4{margin-top:25px;}

div#ktI-T2 table td,
div#ktI-T3 table td{
	padding:5px 5px 15px 5px;
	vertical-align:top;
}
div#ktI-T4 table td{
	padding:5px 5px 25px 5px;
	vertical-align:top;
}

div.service{
	margin-top:20px;
	padding-bottom:15px;
	width:630px;
	background:url(img/service_bg_service.gif) repeat-x bottom;
}
div.service:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.service img{
	display:inline;
	margin:0 25px 15px 25px;
	padding:3px;
	background:#ffffff;
	border:solid 1px #e4e4de;
}
div.service a img{
	float:left;
	margin-top:10px;
	padding-bottom:10px;
	border:none;
}
div.service a img.nm{
	float:left;
	margin:10px 0 0 0;
	border:none;
}
div.service dl{padding-top:15px;}
div.service dl dt{
	margin:15px 10px;
	padding:0 15px;
	background-image:url(img/service_bg_dt.gif);
	border-bottom:solid 2px #e4e4de;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:25px;
}
div.service dl dd{padding:0 25px;}

img#s-btn{
	display:inline;
	margin-top:15px;
	margin-left:150px;
}

/* flow */
dl#flow{
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
}
dl#flow dt{
	margin-top:20px;
	padding:0 15px;
	background-image:url(img/service_bg_dt.gif);
	border-bottom:solid 2px #e4e4de;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:25px;
}
dl#flow dt span{
	padding: 0 5px;
	background-image:url(img/service_bg_dt-span.gif);
	border: solid 1px #db0b0b;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
}
dl#flow dd{
	margin-top:10px;
	padding:10px 20px 10px 80px;
	background:url(img/service_bg_flow-dd.gif) no-repeat bottom left;
}
dl#flow dd#finish{background:none;}


/* results
--------------------------------------------------------------------*/
div.ba{
	margin-top:25px;
	width:630px;
	background:url(img/results_bg_ba.gif) no-repeat 50% 135px;
}
div.ba:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.ba p{clear:both;}
div.before{
	float:left;
	margin-bottom:15px;
	width:300px;
}
div.after{
	float:right;
	margin-bottom:15px;
	width:310px;
}
div.before img,
div.after img{
	display:inline;
	padding:3px;
	background:#ffffff;
	border:solid 1px #e4e4de;
}
div.after img.small1{
	margin-top:6px;
	margin-left:6px;
}
div.after img.small2{margin-top:6px;}
div.after img{float:right;}
div.ba div.before p,
div.ba div.after p{padding-bottom:10px;}
div.ba div.after p{text-align:right;}
div.before p span{
	padding: 0 5px;
	background-image:url(img/results_bg_span.gif);
	border: solid 1px #0a2c90;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
}
div.after p span{
	padding: 0 5px;
	background-image:url(img/service_bg_dt-span.gif);
	border: solid 1px #db0b0b;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
}

/* tool */
div#ktI-T5{margin-top:35px;}
div#ktI-T5 table th,
div#ktI-T5 table td{
	padding:5px 5px 25px 5px;
	vertical-align:top;
}
div#ktI-T5 table th{padding-left:20px;}
div#ktI-T6{margin-top:25px;}
div#ktI-T5 table th img,
div#ktI-T6 table th img{
	display:inline;
	padding:3px;
	background:#ffffff;
	border:solid 1px #e4e4de;
}
div#ktI-T6 table th img{
	margin-right:2px;
	margin-bottom:5px;
}
div#ktTable1{margin-top:25px;}
div#ktTable1 td.ktTd{
	padding:5px 5px 5px 15px;
	vertical-align:top;
	width:200px;
	border-left:solid 1px #e4e4de;
	line-height:1.7;
}

/* voice
--------------------------------------------------------------------*/

/* tool */
div#ktI-T7 table th,
div#ktI-T7 table td{
	padding:25px 5px;
	vertical-align:top;
	background:url(img/service_bg_service.gif) repeat-x bottom;
}


/* history company
--------------------------------------------------------------------*/

/* tool */
div#ktI-T8{margin-top:15px;}
div#ktI-T8 table th,
div#ktI-T8 table td{
	padding:5px 5px 15px 5px;
	vertical-align:top;
}
div#ktTable2 table,
div#ktTable3 table{
	margin-top:25px;
	margin-left:15px;
	width:600px;
	border-top:solid 1px #e4e4de;
	border-left:solid 1px #e4e4de;
	border-right:solid 1px #e4e4de;
}
div#ktTable2 table,
div#ktTable3 table{margin-bottom:25px;}
div#ktTable2 td.ktTd,
div#ktTable3 td.ktTd{
	padding:5px 5px 5px 15px;
	vertical-align:top;
	border-bottom:solid 1px #e4e4de;
	line-height:1.7;
}
div#ktTable2 td.ktTd.td1,
div#ktTable3 td.ktTd.td1{
	width:100px;
	border-right:solid 1px #e4e4de;
	background:url(img/common_bg_td1.gif);
	font-weight:bold;
	color:#062b91;
}
div#ktI-T8 table th img{float:right;}


/* access */
div#access iframe{
	margin-top:20px;
	margin-left:10px;
	margin-bottom:5px;
	padding:3px;
	background:#ffffff;
	border:solid 1px #e4e4de;
}
div#access small{
	margin-left:10px;
}

/* contact
--------------------------------------------------------------------*/

/* h4 */
div.box h4{
	margin-top:25px;
	margin-left:10px;
	margin-right:10px;
	padding-left:15px;
	background:url(img/contact_bg_h4.gif) no-repeat center left;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	color:#153e6c;
}


/* table */
table.nml{
	margin-top:15px;
	margin-left:15px;
	width:600px;
	border-top:solid 1px #e4e4de;
	border-left:solid 1px #e4e4de;
	border-right:solid 1px #e4e4de;
}
table.nml th,
table.nml td{
	padding:5px 5px 5px 15px;
	vertical-align:top;
	border-bottom:solid 1px #e4e4de;
}
table.nml th{
	width:130px;
	border-right:solid 1px #e4e4de;
	background:url(img/contact_bg_th.gif);
	color:#062b91;
}
table.nml td{line-height:1.7;}

/* ul */
ul#caution{margin:10px 5px 10px 15px;}
ul#caution li{
	margin-top:5px;
	padding-left:22px;
	background:url(img/contact_bg_li.gif) no-repeat top left;
}

/* table privacy */
table#privacy{
	margin-top:15px;
	margin-left:15px;
	width:600px;
}
table#privacy th,
table#privacy td{
	padding:10px 5px;
	border-bottom:solid 1px #e4e4de;
	vertical-align:top;
}
table#privacy th span{	
	padding: 0 3px;
	background-image:url(img/results_bg_span.gif);
	border: solid 1px #0a2c90;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
}
table#privacy th.nb,
table#privacy td.nb{border-bottom:none;}

/* table send */
div.box table.send{
	margin-left: 20px;
	margin-top: 35px;
	width: 150px;
}
div.box table.send th,
div.box table.send td{
	padding: 0;
	border-bottom: none;
}