@charset "UTF-8";


/* body ----------------------------------------------------------------------------- */
body{
margin:0;
padding:0;
font-size:12px;
color:#000000;
line-height:1.8;
font-family: "Verdana", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "sans-serif";
background:url(../img/bg.gif) repeat-x left 123px;
}

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

a{color:#333333; text-decoration:none;}
a:hover, a:hover:visited{color:#FFFFFF;}

a:hover.opacity{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


/* コンテンツ全体----------------------------------------------------------------------------- */
#wrapper{
width:100%;
border-top:solid 4px #3E1F62;
margin:0 auto 15px auto;
}

#content{
background:url(../img/content_bg.jpg) no-repeat center 1px;
min-height:300px;
padding:50px 0 20px 0;
}

#main{
clear: both;
width:900px;
margin:0 auto 35px auto;
}


/* ヘッダー----------------------------------------------------------------------------- */
#header{
width: 100%;
height:117px;
background:#FFFFFF;
border-bottom: 1px solid #a6a2e2;
}

#header #headCopy {
width: 100%;
background:#3E1F62;
margin:0;
padding:0;
}

#header #headCopy h1{
width: 900px;
font-size:8px;
line-height:1;
color:#FFFFFF;
margin:0 auto;
padding-bottom:2px;
}

#header #headCon{
width:900px;
margin:auto;
}

#header h2{
float: left;
margin-top:10px;
}

#headRight{
float: right;
margin-right:3px;
}

#headRight ul#language li{
float:right;
}


/* フッター----------------------------------------------------------------------------- */
#footer{
clear:both;
background:#CACAEE;
}

#footer a{text-decoration:none;}

#footer ul{width:900px; margin:auto;}

#footer ul li{float:left;}

#footer ul li.violet{background:#A6A2E2; border-right:solid 1px #3E1F62; padding:2px 15px;}

#footer ul li.white{background:#FFFFFF; border-right:solid 1px #3E1F62; padding:2px 15px;}
#footer ul li.white a:hover{color:#CACAEE;}

#footer ul li.contactUs{background:#A6A2E2; border-right:none; padding:2px 15px;}

/*#footer ul li.contactUs a:hover{color:#A6A2E2;}*/

#footer ul li.twitter{margin:0 0 0 12px;}

#footer ul li.ssl{
float:right;
font-size:11px;
margin-top:8px;
}

#footer ul li.ssl ul{
float:right;
width:68px;
margin-left:6px;
}
	
#footer ul li.ssl ul li{background:#FFFFFF; padding:0 7px;}

#footer ul li.ssl ul li.current{
color:#FFFFFF;
background:#3E1F62;
}

#footer ul li.ssl ul li a{color:#3E1F62;}
#footer ul li.ssl ul li a:hover{color:#CACAEE;}

p.footCopy{
width:900px;
font-size:10px;
margin: 6px auto 0 auto;
}

#copy{
clear:both;
width:900px;
font-size:12px;
margin: 0 auto 10px auto;
}


/* 左カラム----------------------------------------------------------------------------- */
#left{
float:left;
width:634px;
}

#searchBox input{
width:700px;
font-size:20px;
background:url(../img/domain_input_bg.gif) no-repeat 5px center #FFFFFF;
border:solid 3px #A6A2E2;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
padding:17px 15px;
}

#searchBox input.english{background:url(../img/domain_input_bg_en.gif) no-repeat 5px center #FFFFFF;}


#searchBox input.focus{background:#FFFFFF;}

#searchBox ul#tab li{
float:left;
font-size:11px;
background:#CACAEE;
border-right:solid 1px #FFFFFF;
padding:7px 9px 6px 9px;
}

#searchBox ul#tab li.last{border-right:none;}

#searchBox ul#tab li.current{background:#A6A2E2;}

#searchBox ul#tab li a{color:#666666;}
#searchBox ul#tab li.current a{color:#000000;}

#searchBox ul#tab li a:hover, #searchBox ul#tab li.current a:hover{color:#FFFFFF;}


/* 右カラム----------------------------------------------------------------------------- */
#right{
float:right;
width:220px;
}

/*----- 検索ボタン -----*/
button.btnLarge{
float:right;
width:132px;
height:66px;
background:url(../img/btn_search_jp.png) no-repeat 0 0;
border:none;
cursor:pointer;
}

button.btnLarge:hover{
background:url(../img/btn_search_jp.png) no-repeat 0 -66px;
}

button.btnLarge.english{
background:url(../img/btn_search_en.png) no-repeat 0 0;
}

button.btnLarge.english:hover{
background:url(../img/btn_search_en.png) no-repeat 0 -66px;
}


/*----- パンくず -----*/
#breadcrumb{
width:698px;
border:solid 1px #BBB6D9;
margin-bottom:15px;
}

#breadcrumb ul{float:right;}

#breadcrumb ul li{
float:left;
font-size:11px;
background:url(../img/bread_arrow.png) no-repeat right center;
padding:3px 17px 3px 8px;
margin:0 ;
}

#breadcrumb ul li.here{
font-weight:bold;
background:none;
padding-right:10px;
}

#breadcrumb ul li a.breadHome{
background:url(../img/bread_house.gif) no-repeat left center;
padding-left:19px;
}


/*----- 見出し・テキスト -----*/
.ttl2{
font-size:20px;
font-weight:bold;
color:#3E1F62;
margin-top:35px;
}

.ttl3{
font-size:14px;
font-weight:bold;
margin-top:20px;
}


/*----- リスト -----*/
ul.discGray{
margin: 10px 0 0 10px;
}

ul.discGray li{
background:url(../img/circle_gray_01.gif) no-repeat left 6px;
padding-left:14px;
}

ul.discGray li{margin-bottom:3px;}


/*----- フォント -----*/
p.text{
margin: 0 0 10px 0;
}

p.add{
text-indent:-1em;
margin-left:1em;
}


/*----- 注意 -----*/
.caution{
background:#FFFFFF;
border:solid 2px #CAC4EB;
padding:10px 15px;
}

.attention{
border: dotted 1px#FF0000;
padding: 8px 12px;
}


/* パーツ----------------------------------------------------------------------------- */
/*----- クリア -----*/
.clear{clear:both;}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*----- 位置 -----*/
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}


/*----- 回り込み -----*/
.fLeft{float:left;}

.fRight{float:right;}


/*----- フォント -----*/
.sml{
font-size:90%;
}
.big{
font-size:100%;
}
.bold{
font-weight:bold;
}

/*----- カラー -----*/
.red{color:#F40000;}


/*----- 調整用 -----*/
.mb00 { margin-bottom:0!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }

.mt00 { margin-top:0!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt90 { margin-top:90px!important; }

.ml00 { margin-left:0!important; }
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml65 { margin-left:65px!important; }

.mr00 { margin-right:0!important; }
.mr05 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }

.w30 { width:30px!important; }
.w50 { width:50px!important; }
.w100 { width:100px!important; }
.w150 { width:150px!important; }
.w200 { width:200px!important; }
.w250 { width:250px!important; }
.w300 { width:300px!important; }
.w400 { width:400px!important; }
.w420 { width:420px!important; }
.w500 { width:500px!important; }