/* CSS Document */
@charset "utf-8";
body{
font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
margin:0;
line-height:18px;
padding:0;
color: #252524;
background: url(../img/cmn/bg_header.gif) repeat-x;
}
p,h1,h2,h3,h4,h5,h6.ul,li,dl,dt,dd,ol{
margin:0px;
padding:0px;
}
ul{
margin:0px;
padding:0px;
}
li{
list-style-type:none;
margin:0px;
padding:0px;
}
th,td{
	word-break:break-all;
}
img{
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
}
a:hover img{
/*opacity:0.5;filter:alpha(opacity=50);*/
}
a:link,a:active,a:visited{
text-decoration:underline;
color:#252524;
}
a:hover{
color:#252524;
text-decoration:none;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
zoom:1;
}
.clearfix{ display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{ height:1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */


/*------------------------------------
	共通ヘッダー
-------------------------------------*/
.header{
	width: 965px;
	height: 203px;
	margin-left: auto;
	margin-right: auto;
}

/*h1*/
.header h1{
	font-size: 12px;
	line-height: 12px;
	height: 15px;
	padding: 8px 0;
}
.header h1 a{
	font-weight: lighter;
}

/*ロゴ・バナー*/
.header .name{
	height: 122px;
}
.header .name .logo{
	float: left;
	width: 205px;
}
.header .name .bnr{
	float: right;
	width: 727px;
	height: 90px;
	position: relative;
	margin: 15px 0;
}

/*ナビゲーション*/
ul.navi{
	width: 965px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}
ul.navi li{
	float: left;
	height: 50px;
	background: url(../img/cmn/bg_navi.gif) repeat-x;
}
ul.navi li a{
	display:block;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
ul.navi li a{
	display: block;
	overflow: hidden;
}
ul.navi li a.navi_a:hover,ul.navi li a.navi_b:hover,
ul.navi li a.navi_c:hover,ul.navi li a.navi_d:hover,
ul.navi li a.navi_e:hover,ul.navi li a.navi_f:hover,
ul.navi li a.navi_g:hover,ul.navi li a.navi_h:hover,
ul.navi li a.navi_i:hover{
	background-position: 0px -50px;
}
ul.navi li a.navi_a{ width: 105px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_a.gif);}
ul.navi li a.navi_b{ width: 108px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_b.gif);}
ul.navi li a.navi_c{ width: 108px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_c.gif);}
ul.navi li a.navi_d{ width: 108px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_d.gif);}
ul.navi li a.navi_e{ width: 108px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_e.gif);}
ul.navi li a.navi_f{ width: 108px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_f.gif);}
ul.navi li a.navi_g{ width: 108px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_g.gif);}
ul.navi li a.navi_h{ width: 108px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_h.gif);}
ul.navi li a.navi_i{ width: 104px; height: 50px; text-indent: -3000px; background-image: url(../img/cmn/navi_i.gif);}
ul.navi li ul.sub{
	position:absolute;
	margin-top: -5px;
	z-index: 99999;
	font-size: 11px;
	line-height: 11px;
	background: url(../img/cmn/arrow_e.gif) no-repeat;
	padding: 8px 0 0 0 ;
	border-bottom: 2px solid #555555;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
}
ul.navi li ul.sub li{
	float: none;
	height: 11px;
	padding: 7px 10px 7px 15px;
	border-left: 2px solid #555555;
	border-right: 2px solid #555555;
	border-top: 1px dotted #555555;
	background: #f5f5f5 url(../img/cmn/arrow_b.gif) no-repeat 5px 9px;
}
ul.navi li ul.sub li:hover{
	background: #e9e9e9 url(../img/cmn/arrow_b.gif) no-repeat 5px 9px;
}
ul.navi li ul.sub li.top{
	border-top: 2px solid #555555;
}
ul.navi li ul.sub li a{
	text-decoration: none;
}
ul.navi li ul.sub li a:hover{
	text-decoration: underline;
}
ul.navi li ul.service{ width: 160px;}
ul.navi li ul.solution{ width: 210px;}
ul.navi li ul.develop{ width: 245px;}
ul.navi li ul.achievements{ width: 135px;}
ul.navi li ul.aboutus{ width: 128px;}
ul.navi li ul.contact{ width: 104px;}


/*------------------------------------
	共通枠
-------------------------------------*/
/*パンくず*/
.pan{
	background: #f5f5ea;
	border-bottom: #e9e9ce 1px solid;
	padding: 8px 0;
	margin-bottom: 20px;
}
.pan ul{
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5px;
}
.pan ul li{
	float: left;
	margin-right: 10px;
}
.pan ul li a{
	display: block;
	background-image: url(../img/cmn/arrow_a.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 12px;
}

/*枠*/
.main{
	width: 965px;
	margin-left: auto;
	margin-right: auto;
}
.side{
	float: left;
	width: 206px;
	padding: 10px 5px;
	background: #f5f5ea url(../img/side/topline.gif) repeat-x;
	border-left: 1px solid #e9e9ce;
	border-right: 1px solid #e9e9ce;
	border-bottom: 1px solid #e9e9ce;
}

/*サイドメニュー*/
a.jump img{
	position: absolute;
	top: 0px;
	left: 0px;
}
.side ul.bnr_a li{
	text-align: center;
	margin: 0 0 5px 0;
	/*margin: 0 0 13px 0;*/
	padding: 0;
}
.side ul.bnr_a li a img{
	position: relative;
}
.side .whyus{
	width: 198px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.side .book{
	width: 198px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.side .book ul li p{
	padding-top: 10px;
	font-weight: bold;
}
.side .title{
	background: url(../img/side/bg_title.gif) no-repeat;
	font-size: 13px;
	height: 25px;
	padding: 6px 0 0 20px;
}
.side .whyus ul{
	padding: 5px 7px 0 7px;
}
.side .whyus ul li{
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../img/cmn/arrow_b.gif) no-repeat 0 7px;
}
.side .whyus ul li a{
	color: #08425e;
}
.side .book ul li{
	margin: 8px 0;
	font-size: 11px;
	line-height: 1.4em;
}
.side .book ul li img{
	float: left;
	margin-right: 7px;
}
.side ul.bnr_b li{
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
}
.side ul.bnr_b li a img{
	position: relative;
}
/*フッター*/
.footer{
	margin-top: 20px;
	background: #f4f2e7 url(../img/cmn/bg_footer_navi.gif) repeat-x;
}
.footer .navi{
	background: url(../img/cmn/bg_navi.gif) no-repeat right bottom;
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 11px;
	line-height: 1.4em;
}
.footer .backtotop{
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}
.footer .partner{
	background: #edf2f9 url(../img/cmn/bg_footer_partner.gif) repeat-x;
	padding: 20px 0;
}
.footer .information{
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	background: #fafafa url(../img/cmn/bg_footer_info.gif) repeat-x bottom;
}

/*フッター枠内*/
.footer .navi .service{
	float: left;
	width: 170px;
	height: 230px;
	margin-right: 20px;
	background: url(../img/cmn/bg_footer_line.gif) right repeat-y;
}
.footer .navi .solution{
	float: left;
	width: 270px;
	height: 230px;
	margin-right: 20px;
	background: url(../img/cmn/bg_footer_line.gif) right repeat-y;
}
.footer .navi .develop{
	float: left;
	width: 310px;
	height: 230px;
	margin-right: 20px;
	background: url(../img/cmn/bg_footer_line.gif) right repeat-y;
}
.footer .navi .aboutus{
	float: left;
	width: 150px;
	height: 230px;
	font-size: 12px;
	line-height: 1.4em;
}
.footer .navi ul li a{
	text-decoration: none;
}
.footer .navi ul li a:hover{
	text-decoration: underline;
}
.footer .navi .service ul li,
.footer .navi .solution ul li,
.footer .navi .develop ul li{
	background: url(../img/cmn/icon_tree.gif) no-repeat 5px 3px;
	padding-left: 15px;
	margin-bottom: 4px;
}
.footer .navi .aboutus ul li{
	background: url(../img/cmn/arrow_c.gif) no-repeat 0 5px;
	padding-left: 13px;
	margin-bottom: 4px;
}
.footer .navi .aboutus ul li.fb{
	background: none;
	padding: 0;
	margin-bottom: 4px;
}
.footer .navi ul li.title{
	background: url(../img/cmn/icon_folder.gif) no-repeat 0 2px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bold;
}
.footer .backtotop a{
	width: 120px;
	padding: 7px 15px;
	background: #003c9d;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
}
.footer .backtotop a:hover{
	color: #fff;
	text-decoration: underline;
}
.footer .partner ul{
	width: 965px;
	margin-left: auto;
	margin-right: auto;
}
.footer .partner ul li{
	float: left;
	height: 61px;
}
.footer .partner ul li.line{
	background: url(../img/cmn/bg_partner_line.gif) repeat-y left;
	padding-left: 15px;
	padding-right: 12px;
}
.footer .partner ul li.line_e{
	background: url(../img/cmn/bg_partner_line.gif) repeat-y left;
	padding-left: 14px;
	padding-right: 0;
}
.footer .information ul{
	width: 965px;
	height: 117px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer .information ul li{
	float: left;
}
.footer .information ul li.logo{
	width: 236px;
	margin-right: 5px;
}
.footer .information ul li.address{
	width: 244px;
}
.footer .information ul li.bnr{
	margin: 20px 20px;
	width: 164px;
}
.footer .information ul li.link{
	margin: 18px 0 25px 0;
	width: 270px;
	line-height: 1.8em;
}
.footer .information ul li.link p{
	margin-top: 10px;
	line-height: 1.4em;
}

/*------------------------------------
	共通コンテンツ装飾
-------------------------------------*/
.contents .def_box{
	padding: 0 0 20px 0;
}
.contents .def_box_b{
	padding: 0 0 10px 0;
}
.contents .def_box_c{
	padding: 0 10px 10px 10px;
}
.contents a{
	color: #005297;
}
.contents a:hover{
	color: #005297;
}
.contents a.arrow_link{
	background: url(../img/cmn/arrow_d.gif) no-repeat 0 2px;
	padding: 0 0 0 12px;
}

/*タイトル*/
.contents h2.title_a{
	background: url(../img/cmn/bg_title_a.gif) no-repeat;
	font-size: 18px;
	padding-top: 11px;
	padding-left: 35px;
	height: 34px;
	margin-bottom: 10px;
}
.contents .title_b{
	background: url(../img/cmn/bg_title_b.gif) no-repeat;
	font-size: 18px;
	padding-top: 6px;
	padding-left: 20px;
	height: 31px;
	margin-bottom: 10px;
}
.contents .title_c{
	background: url(../img/cmn/bg_title_c.gif) no-repeat;
	font-size: 18px;
	padding-top: 12px;
	padding-left: 25px;
	height: 53px;
	margin-bottom: 10px;
}
.contents .title_d{
	background: url(../img/cmn/bg_title_d.gif) no-repeat bottom;
	color: #203600;
	font-size: 18px;
	padding-top: 4px;
	padding-left: 15px;
	height: 36px;
	margin-bottom: 10px;
	clear: both;
}
.contents .title_e{
	background: url(../img/cmn/bg_title_d.gif) no-repeat bottom left;
	color: #203600;
	font-size: 16px;
	padding-left: 15px;
	height: 25px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.contents .title_f{
	background: url(../img/aboutus/title_green.gif) repeat-x bottom;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-weight: bold;
}

/*メイン画像用*/
.contents p.mainimage{
/*	border: 1px solid #d1d1d1;
	padding: 1px;
	background: #fff;*/
	margin-bottom: 20px;
	text-align: center;
}
.contents p.mainimage_line{
	border: 1px solid #d1d1d1;
	padding: 1px;
	background: #fff;
	margin-bottom: 20px;
	text-align: center;
}
/*内容用*/
.contents p.def_text{
	margin-bottom: 10px;
}
.contents .l_text{
	float:left;
	width: 535px;
}
.contents .l_text_b{
	float:left;
	width: 395px;
	padding-top: 10px;
}
.contents .l_text_c{
	float:left;
	width: 455px;
}
.contents .r_text{
	float:right;
	width: 555px;
}
.contents img.thumb{
	border: 1px solid #d1d1d1;
	padding: 1px;
	margin-bottom: 10px;
	background: #fff;
}
.contents img.l_thumb{
	float: left;
	border: 1px solid #d1d1d1;
	padding: 1px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #fff;
}
.contents img.r_thumb{
	float: right;
	border: 1px solid #d1d1d1;
	padding: 1px;
	margin-left: 20px;
	margin-bottom: 10px;
	background: #fff;
}
.contents img.l_thumb_noline{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #fff;
}
.contents img.r_thumb_noline{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	background: #fff;
}
.contents img.l_thumb_s{
	float: left;
	border: 1px solid #d1d1d1;
	padding: 1px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #fff;
}
.contents img.r_thumb_s{
	float: right;
	border: 1px solid #d1d1d1;
	padding: 1px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #fff;
}
.contents img.r_pdf{
	float: right;
	margin-left: 5px;
}

.contents .box_a{
	margin-bottom: 10px;
}
.contents .box_a .in{
	background: url(../img/cmn/box_a_2.gif) repeat-y;
	padding: 10px 15px;
}
.contents .box_a .in ul li{
	padding-left: 13px;
	background: url(../img/cmn/box_a_point.gif) no-repeat 0 6px;
}
.contents .box_b{
	float: left;
	width: 357px;
	margin-bottom: 10px;
}
.contents .f_space{
	margin-right: 15px;
}
.contents .box_b .title{
	height: 45px;
	background: url(../img/cmn/box_b_1.gif) no-repeat;
	line-height: 1.2em;
	padding: 7px 10px 0 10px;
	font-size: 16px;
	font-weight: bold;
}
.contents .box_b .in{
	background: url(../img/cmn/box_b_2.gif) repeat-y;
	padding: 10px;
}
.contents .box_b .title span{
	font-size: 12px;
	font-weight: lighter;
}
.contents .box_b .title a{
	font-size: 16px;
	font-weight: bold;
	color: #303030;
}
.contents .box_c{
	background: #f7f7f7 url(../img/cmn/box_c_btm.gif) no-repeat bottom;
}
.contents .box_c p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.contents .box_c ul{
	padding: 10px 15px;
}
.contents .box_c ul li{
	background: url(../img/cmn/arrow_f.gif) no-repeat 0px 4px;
	padding: 0 0 0 17px;
}
.contents .btn_detail{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	margin: 10px 0 5px 484px;
}
.contents .btn_detail a{
	font-size: 12px;
	font-weight: bold;
	width: 231px;
	height: 27px;
	background: url(../img/cmn/btn_detail.gif) no-repeat top left;
	display: block;
	text-align: center;
	padding: 8px 15px 0 0;
	text-decoration: none;
}
.contents .btn_detail_b{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	margin: 10px 0 5px 210px;
}
.contents .btn_detail_b a{
	font-weight: bold;
	width: 330px;
	height: 27px;
	background: url(../img/cmn/btn_detail_b.gif) no-repeat top right;
	display: block;
	text-align: center;
	padding: 8px 15px 0 0;
	text-decoration: none;
}
.contents .btn_detail span{
	font-size: 14px;
}

.contents .btn_detail a:hover{
	opacity:0.5;filter:alpha(opacity=50);
}
.contents .btn_detail_c{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	margin: 10px 0 5px 290px;
}
.contents .btn_detail_c a{
	font-size: 12px;
	font-weight: bold;
	width: 231px;
	height: 27px;
	background: url(../img/cmn/btn_detail.gif) no-repeat top left;
	display: block;
	text-align: center;
	padding: 8px 15px 0 0;
	text-decoration: none;
}
.contents .btn_detail_c span{
	font-size: 14px;
}

.contents .btn_detail_c a:hover{
	opacity:0.5;filter:alpha(opacity=50);
}


.contents .r_link{
	text-align: right;
	clear: both;
}


.box_cmn{
	background: url(../img/cmn/box_cmn_b.gif) repeat-y;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1;
}
.box_cmn .cont{
	padding: 10px 0;
}
.box_cmn .cont ul{
	width: 657px;
	margin-left: auto;
	margin-right: auto;
}
.box_cmn .cont ul li{
	float: left;
	width: 209px;
	margin: 0 5px;
}
.txt_right{
	text-align: right;
	margin-bottom: 15px;
}
.txt_right span{
	font-weight: bold;
}

span.rollover_a{
opacity: 1;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
/*-o-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition: -webkit-transform 0.8s;*/
background: #ffffff url(../img/cmn/hover-magnify_g.png) center center no-repeat;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
*display: none;
}
span.rollover_b {
opacity: 1;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
/*-o-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition: -webkit-transform 0.8s;*/
background: url(../img/cmn/hover-magnify_e.png) center center no-repeat;
cursor: pointer;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
*display: none;
}
span.rollover_c{
opacity: 1;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
/*-o-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition: -webkit-transform 0.8s;*/
background: url(../img/cmn/hover-magnify_h.png) center center no-repeat;
cursor: pointer;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
*display: none;
}

span.rollover_a:hover,
span.rollover_b:hover,
span.rollover_c:hover{
opacity: .8;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
/*-o-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition: -webkit-transform 1s;*/
/*-webkit-box-shadow: 0px 0px 4px #000;
-moz-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;*/
}

.detail_window{
	width: 640px;
}
.detail_window .text{
	margin: 5px 5px 10px 5px;
}