@charset "utf-8";

* {
	margin:0;
	padding:0;
}

html, body,
h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#555;
	line-height:160%;
}

table{
	border-collapse: collapse;
	border-spacing:0;
}

img {
	border: 0;
}
ul li img {
     vertical-align: bottom;
} 

ul, ol{ list-style:none;}




/*------------------------------------------------------*/
h2 {
	margin-bottom:5px;
	font-size:110%;
	font-weight:bold;
	background: url(../common_img/h2_bg.gif) repeat-x;
	height:46px;
	padding:13px 5px 0 5px;
}


/*-----リンク-------------------------------------------*/
a:link {
	color: #0099FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0B294D;
}
a:hover {
	text-decoration: underline;
	color: #33CCFF;
}
a:active {
	text-decoration: none;
	color: #0B294D;
}

a:link img.btnOpacity,a:visited img.btnOpacity{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
a:hover img.btnOpacity,a:active img.btnOpacity{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}


/*-----Clear Fix-------------------------------------------*/
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}

/*-----font-------------------------------------------*/
.font10 { font-size: 85%; }

.font12 { font-size: 100%; }

.font14 { font-size: 117%; }

.font16 { font-size: 132%; }

.font18 { font-size: 147.5%; }

.font20 { font-size: 164.6%; }

.font22 { font-size: 182%; }

.font24 { font-size: 197%; }

.font26 { font-size: 215%; }

/*-----余白-------------------------------------------*/
.mg5{ margin:5px;}
.mg10{ margin:10px;}
.mg15{ margin:15px;}
.mg20{ margin:20px;}
.mg25{ margin:25px;}
.mg30{ margin:30px;}
.mg35{ margin:35px;}

.mg-t0{ margin-top:0px!important;}
.mg-t5{ margin-top:5px;}
.mg-t7{ margin-top:7px;}
.mg-t10{ margin-top:10px;}
.mg-t15{ margin-top:15px;}
.mg-t20{ margin-top:20px;}
.mg-t25{ margin-top:25px;}
.mg-t30{ margin-top:30px;}
.mg-t35{ margin-top:35px;}

.mg-b0{ margin-bottom:0px!important;}
.mg-b5{ margin-bottom:5px;}
.mg-b10{ margin-bottom:10px;}
.mg-b15{ margin-bottom:15px;}
.mg-b20{ margin-bottom:20px;}
.mg-b25{ margin-bottom:25px;}
.mg-b30{ margin-bottom:30px;}
.mg-b35{ margin-bottom:35px;}
.mg-b40{ margin-bottom:40px;}
.mg-b45{ margin-bottom:45px;}
.mg-b50{ margin-bottom:50px;}
.mg-b55{ margin-bottom:55px;}

.mg-l0{ margin-left:0px!important;}
.mg-l5{ margin-left:5px;}
.mg-l10{ margin-left:10px;}
.mg-l15{ margin-left:15px;}
.mg-l20{ margin-left:20px;}
.mg-l25{ margin-left:25px;}
.mg-l30{ margin-left:30px;}
.mg-l35{ margin-left:35px;}

.mg-r0{ margin-right:0px!important;}
.mg-r5{ margin-right:5px;}
.mg-r10{ margin-right:10px;}
.mg-r15{ margin-right:15px;}
.mg-r20{ margin-right:20px;}
.mg-r25{ margin-right:25px;}
.mg-r30{ margin-right:30px;}
.mg-r35{ margin-right:35px;}


.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.pd30{padding:30px;}
.pd35{padding:35px;}


.pd-t0{ padding-top:0px!important;}
.pd-t5{ padding-top:5px;}
.pd-t10{ padding-top:10px;}
.pd-t15{ padding-top:15px;}
.pd-t20{ padding-top:20px;}
.pd-t25{ padding-top:25px;}
.pd-t30{ padding-top:30px;}
.pd-t35{ padding-top:35px;}

.pd-b0{ padding-bottom:0px!important;}
.pd-b5{ padding-bottom:5px;}
.pd-b10{ padding-bottom:10px;}
.pd-b15{ padding-bottom:15px;}
.pd-b20{ padding-bottom:20px;}
.pd-b25{ padding-bottom:25px;}
.pd-b30{ padding-bottom:30px;}
.pd-b35{ padding-bottom:35px;}

.pd-l0{ padding-left:0px!important;}
.pd-l5{ padding-left:5px;}
.pd-l10{ padding-left:10px;}
.pd-l15{ padding-left:15px;}
.pd-l20{ padding-left:20px;}
.pd-l25{ padding-left:25px;}
.pd-l30{ padding-left:30px;}
.pd-l35{ padding-left:35px;}

.pd-r0{ padding-right:0px!important;}
.pd-r5{ padding-right:5px;}
.pd-r10{ padding-right:10px;}
.pd-r15{ padding-right:15px;}
.pd-r20{ padding-right:20px;}
.pd-r25{ padding-right:25px;}
.pd-r30{ padding-right:30px;}
.pd-r35{ padding-right:35px;}



/*-------------------------------------共通--------------------------------------*/
.wrapper840{width:840px; margin:auto;}
.txt-r{ text-align:right}
.txt-l{ text-align:left}
.txt-c{
	text-align:center
}
.txtBlueB {
	font-weight: bold;
	color: #0C4484;
}
/*-----------------------------ヘッダーエリア------------------------------------*/
#header{width:100%; background-image:url(../common_img/header_bg.gif); background-repeat:repeat-x;
background-position:top;
/*text-align:center;*/
margin-bottom:10px;  z-index:100; }
#header h1{float:left;}
#header h1 span{ display:none;}
#header ul li{float:left;}


/*-----------------------------TOPメインイメージ------------------------------------*/
.mainimg{width:100%; background-image:url(../img/mainimg_bg.jpg); background-repeat:repeat-x;
text-align:center;}

/*-----------------------------TOPメインイメージ------------------------------------*/
.h1img{width:100%; background-image:url(../common_img/title_bg.jpg); background-repeat:repeat-x;
text-align:center;}

/*-----------------------------フッターーエリア------------------------------------*/
#footer{ width:100%; margin:auto;
background:url(../common_img/footer_bg.gif) top repeat-x #ECECEC;}

.footer_left{float:left;
font-size:85%;
color:#CCCCCC;
}

.footer_right{float:right;
font-size:85%;
color:#999999;
text-align:right;}

.copyright{
color:#999999;
text-align:right;
margin-top:10px;
font-size:100%;
}

.footer_right a:link {
	color: #999999;
	text-decoration: none;
}
.footer_right a:visited {
	text-decoration: none;
	color: #999999;
}
.footer_right a:hover {
	text-decoration: underline;
	color: #999999;
}
.footer_right a:active {
	text-decoration: none;
	color: #999999;
}



/*----------------------------------廻り込み------------------------------------*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clear hr{display:none;}

/*----------------------------------グローバルナビ----------------------------------*/
.globalnavi{
margin:15px 0px 15px 0px;
}  
.globalnavi ul{  
list-style-type: none;  
}  
  
.globalnavi li{   
float: left; 
}

.globalnaviEnglish{
position:absolute;
top:45px;
}  



/*----------------------------------TOPサービスナビ----------------------------------*/
.service{
margin:15px 0px 35px 0px; 
}  
.service ul{  
list-style-type: none;  
}  
  
.service li{   
float: left; 
}

/*-------------------------------------共通--------------------------------------*/
#mainContent{width:840px; margin:auto;
padding:35px 0px 35px 0px}

#mainContent p{margin:0px 0px 40px 0px;}


/*------------------パンくず---------------------------------------------*/
.pankuzu{width:840px; margin:auto;
text-align:right;
padding:5px 0px;
font-size:80%;
color:#999999;
}

.pankuzu a:link {
	color: #999999;
	text-decoration: underline;
}
.pankuzu a:visited {
	text-decoration: none;
	color: #999999;
}
.pankuzu a:hover {
	text-decoration: underline;
	color: #999999;
}
.pankuzu a:active {
	text-decoration: none;
	color: #999999;
}




/*---------side--------*/

#side{float:right;}

#side_navi{width:225px;
background:url(../img/top_side_bg.gif) repeat;
padding:10px;
}

.side_content{width:245px;
margin-bottom:30px;
border:1px solid #CCCCCC;
border-bottom:2px solid #BBBBBB;}

.side_content_title{
background-color:#97AAB3;
padding:15px 15px 15px 20px;
color:#FFFFFF;
font-weight:bold;}


.side_content ul{
margin:20px 0px;
}

.side_content ul li{
list-style:none;
margin:0px 15px;
padding:9px 9px 9px 5px;
border-bottom:1px dotted #999;
}




/*---------news--------*/

#news{width:510px;
border:1px solid #CCCCCC;
border-bottom:2px solid #BBBBBB;
background:url(../img/news_bg.gif) repeat-x top;
padding:20px;
float:left;}

dl.news_list {  
    overflow: hidden;  
    zoom: 1;  
}  
dl.news_list dt {
padding:15px;
 
    width: 100px;  
    float: left;  
    clear: both;    
}  

dl.news_list dd {
padding:15px;
    border-bottom: 1px dotted #ccc;  
}  



.arrow{margin-right:10px;}


.page_top{text-align:right;
margin:40px 0px 0px 0px;}

.content{width:550px;
float:left;}

.content ol{list-style:decimal;
list-style-position:inside;
margin:0;
}

.service{margin-bottom:15px;}

.center_bg{background:url(../service/img/service_bg.gif) repeat-y;
padding:5px 15px 15px 15px;}
.bottom_bg{background:url(../service/img/service_bottom.gif) bottom no-repeat;
padding:0px 15px 15px 15px;}


/*---------------------------------------------------*/
table.table{
	width:100%;
	border:1px solid #CCCCCC;
    border-collapse: collapse;
    border-spacing: 0;
}

.table th{
	width:120px;
	padding:5px 10px;
	background-color:#F9F4F4;
	border:1px solid #CCCCCC;
	
	text-align:left;
	font-weight:normal;
	font-size:92%;
	vertical-align:middle;
}

.table td{
	padding:5px 10px;
	border:1px solid #CCCCCC;
	
	text-align:left;
	font-size:92%;
}




/*---------service--------*/
.serviceQ {
	font-weight: bold;
	color: #0C4484;
}




