@charset "utf-8";
/* CSS Document */

/**************************************************************************************************
INITIAL SETTINGS
**************************************************************************************************/


/* Commonness CSS */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, ul, li, form, caption, tbody, tfoot, thead {
	margin:0; padding:0; border:0; outline:0; 
}
ul {list-style:none;}
blockquote, q {quotes:none;}

/* remember to define focus styles! */
:focus {outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse; 
	border-spacing:0;
}

/*\*/
* html #container{overflow:visible;}
/**/


/* ===========================================
	clear,  clearFix,  hide, hr
   =========================================== */
.clearB{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}

.fl-l{
	float:left;
}
.fl-r{
	float:right;
}

.fl-r_photo{/*テキスト回り込み写真右用*/
	float:right;
	clear:left;
	margin:5px 10px 0 0;
	text-align:center;
	padding:0;
}
.fl-r_photo span{
	font-size:11px;
	padding-top:5px;
}

.clearFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearFix {display:inline-table;}

.zindex-1 {z-index:1}

.zindex-2 {z-index:2}

.txt-c{
	text-align:center;
}
.txt-l{
	text-align:left;
}
.txt-r{
	text-align:right;
}
.txt-cl{
	color:#ff0000;
	font-weight:bold;
}
/* Hides from IE-mac \*/
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* End hide from IE-mac */

.hide{display:none;}

/* ------------------------------------------------------------
etc setting
------------------------------------------------------------ */
a:link {
	color:#004B79;
	text-decoration:none;
}
a:visited {
	color:#004B79;
	text-decoration:none;
}
a:hover {
	color:#FF0000;
	text-decoration:none;
}
a:active {
	color:#FF0000;
	text-decoration:none;
}

/*a:hover img{
	filter:alpha(opacity=70); 
	-moz-opacity:0.70; 
	opacity:0.70;
}*/

a:hover img.alpha{
	filter:alpha(opacity=70);
	-moz-opacity:0.70; 
	opacity:0.70;
}
/* ----------------------
margin 
---------------------- */
.ma-t-5{
	margin-top:5px;
}
.ma-t-10{
	margin-top:10px;
}
.ma-t-15{
	margin-top:15px;
}
.ma-t-20{
	margin-top:20px;
}
.ma-t-25{
	margin-top:25px;
}
.ma-t-50{
	margin-top:50px;
}
.ma-b-5{
	margin-bottom:5px;
}
.ma-b-10{
	margin-bottom:10px;
}
.ma-b-15{
	margin-bottom:15px;
}
.ma-b-35{
	margin-bottom:35px;
}
.ma-b-20{
	margin-bottom:20px;
}
.ma-b-25{
	margin-bottom:25px;
}
.ma-b-30{
	margin-bottom:30px;
}
.ma-b-50{
	margin-bottom:50px;
}
.ma-b-m20{
	margin-bottom:-20px;
}
.ma-l-10{
	margin-left:10px;
}
.ma-l-20{
	margin-left:20px;
}
.ma-l-50{
	margin-left:50px;
}
.ma-l-57{
	margin-left:57px;
}
.ma-r-3{
	margin-right:3px;
}
.ma-r-2{
	margin-right:2px;
}
.ma-r-5{
	margin-right:5px;
}
.ma-r-10{
	margin-right:10px;
}
.ma-r-20{
	margin-right:20px;
}
.ma-r-50{
	margin-right:50px;
}
.ma-r-57{
	margin-right:57px;
}
.ma-2{
	margin:2px;
}
/* ----------------------
padding
---------------------- */
.pa-t-20{
	padding-top:20px;
}
.p-pa-5{
	width:662px;
	padding:5px;
}
.pa-r-2{
	padding-right:2px;
}
.pa-r-1{
	padding-right:1px;
}
/* ----------------------
text
---------------------- */
.txt-18{
	font-size:18px;
}
.txt-15{
	font-size:15px;
}
.txt-13{
	font-size:13px;
}
.txt-10{
	font-size:10px;
}
.txt-11{
	font-size:11px;
}
.txt-large{
	font-size:large;
}
.txt-medium{
	font-size:medium;
}
.txt-small{
	font-size:small;
}
.strong{
	font-weight:bold;
}
.txt-red{
	color:#FF0000;
}
/* ----------------------
img
---------------------- */
img.icon_plus {
	position:absolute;
	top: 215px;
	left: 265px;
	z-index: 105;
}
img.icon_plus2 {
	position:absolute;
	top: 165px;
	left: 215px;
	z-index: 105;
}
img.icon_plus3{
	position:absolute;
	top: 150px;
	left: 205px;
	z-index: 105;
}
img.icon_plus4{
	position:absolute;
	top: 335px;
	left: 385px;
	z-index: 105;
}
img.icon_plus5{
	position:absolute;
	top: 75px;
	left: 95px;
	z-index: 105;
}
img.icon_plus6{
	position:absolute;
	top: 81px;
	left: 145px;
	z-index: 105;
}
img.icon_plus7 {
	position:absolute;
	top: 119px;
	left: 373px;
	z-index: 105;
}
/**************************************************************************************************
global style
**************************************************************************************************/
body{
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
	font-size: 12px;
	margin:0px auto;
	text-align:center;
	color:#323232;
	background-image:url(../images/common/footer_bg02.png);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#wrapper{
	width:100%;
	margin:20px auto 0;
	padding:0px;
	text-align:left;
}
#home #wrapper{
	width:100%;
	margin:0 auto;
	padding:0px;
	text-align:left;
	background-image:url(../images/common/body_bg02.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
#inter #wrapper{
	width:100%;
	margin:0 auto;
	padding:0px;
	text-align:left;
	background-image:url(../images/common/body_bg02.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
#inter #wrapper2{
	width:100%;
	margin:20px auto 0;
	padding:0px;
	text-align:left;
}
#inner{
	width:950px;
	margin:0 auto 50px;
	padding:0px;
	text-align:center;
}
/*******************
header
*******************/
#header{
	width:950px;
	height:254px;
	margin:0 auto 20px;
	padding:0;
}
#home #header{
	width:950px;
	height:254px;
	margin:0 auto 40px;
	padding:0;
}
#header-top{
	width:950px;
	height:101px;
	margin:0 0 10px;
}
#header .header_logo{
	width:370px;
	float:left;
	margin:0;
	padding:0;
}
#header .header_contents{
	width:580px;
	float:right;
	margin:0;
	padding:0;
}
#header .header_com{
	height:18px;
}
#header .header_com h1{
	font-size:10px;
	font-weight:normal;
	text-align:right;
}
#header .header_banner{
	width:274px;
	height:62px;
	float:left;
}
#header .header_menu{
	width:444px;
	height:62px;
	margin-left:136px;
}
#header .header_lang{
	width:150px;
	height:62px;
	background-image:url(../images/common/header_lang_bg.png);
	background-position:right top;
	background-repeat:no-repeat;
	float:right;
	margin:0;
}
#header .select_lang{
	width:145px;
	height:42px;
	padding:10px 0 0 5px;
	text-align:left;
}
#header .select_lang p{
	padding-left:10px;
	color:#FFFFFF;
}
#header div.selectlang {
	float: left;
  margin:2px 0 0;
  padding: 0;
  position: relative;
  text-indent:10px;
  width: 141px;
  z-index: 500;
}
#header div.selectlang ul.selectlang {
  width:141px;
  z-index: 700;
}
#header div.selectlang ul.selectlang li.dafault {
    background-image: url("../images/common/bg_selectlang.jpg");
    cursor: pointer;
    font-size: 11px;
    height: 20px;
    list-style-type: none;
    padding:4px 0 0;
    position: relative;
    width: 141px;
}
#header div.selectlang ul.selectlang li a {
  color: #333333;
  display: block;
  width: 141px;
}
#header div.selectlang ul.selectlang ul.subNav {
  display: none;
  padding:0;
  width: 141px;
  z-index: 800;
}
#header div.selectlang ul.selectlang ul.subNav li {
	background-color: #FFFFFF;
	list-style:none;
  display: block;
  width: 141px;
}
#header div.selectlang ul.selectlang ul.subNav li a:hover {
  background-color:#910000;
	color:#FFFFFF;
}
/*******************
global_menu
*******************/
#g_navi {
	width:950px;
	height:153px;
}
#g_navi #nav ul {
	position:absolute;
	display:none;
}
#g_navi #nav img{
	position:relative;
	z-index:2;
}
#g_navi #nav li {
	float: left;
	position:relative;
	font-size:11px;
	text-align:justify;
}
#g_navi #nav li a {
	display: block;
	color:#000000;
}
#g_navi #nav li a:hover {
	background-color:#fafafa;
	color:#666666;
}
#g_navi #nav .w134{
	width:134px;
	height:153px;
	border-left:1px solid #B4B4B4;
}
#g_navi #nav .w136{
	width:136px;
	height:153px;
	border-left:1px solid #B4B4B4;
	display:block;
}
#g_navi #nav .w136a{
	width:136px;
	height:153px;
	border-left:1px solid #B4B4B4;
	border-right:1px solid #B4B4B4;
}
#g_navi #nav p{
	margin:-60px 10px 10px;
}
/*******************
content
*******************/
#content{ 
	width:950px;
	margin:0;
	padding:0px;
	text-align:left;
}
#home #left{
	width:265px;
	float:left;
	margin:0;
	padding:0;
}
#home #main{
	width:665px;
	float:right;
	margin:0;
	padding:0;
}
#index #main{
	width:922px;
	margin:0;
	padding:0 13px 0;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
}
#index #main-inc{
	margin:20px 0 0;
}
#index #left{
	margin:0;
	padding:20px 0 0 0;
	width:194px;
	float:left;
	border-right:1px solid #b4b4b4;
}
#index #left ul{
	width:194px;
	margin:0;
	padding:0;
}
#index #left li{
	width:171px;
	margin:0 0 0 5px;
	padding:0 0 20px 18px;
	background-image:url(../images/common/side_icon.png);
	background-repeat:no-repeat;
	background-position: 0 2px;
	font-weight:bold;
}
#index #right{
	width:697px;
	float:right;
	margin:0;
	padding:0 0 0 15px;
}
#index #main-title{
	height:50px;
	width:682px;
	margin:0 0 30px;
}
#index #main-title .title-name{
	float:left;
	width:472px;
}
#index #main-title .subscription{
	float:right;
	width:150px;
	line-height:20px;
	margin:5px 0 0;
	padding:0 0 0 20px;
	border-left:1px solid #323232;
}
#index #main-title .title-name2{
	float:left;
	width:422px;
}
#index #main-title .subscription2{
	float:right;
	width:200px;
	line-height:20px;
	margin:5px 0 0;
	padding:0 0 0 20px;
	border-left:1px solid #323232;
}
/*******************
index-item
*******************/
.index-base{
	width:922px;
	height:360px;
	padding:0;
	margin:30px 0 0 0;
}
.index-base2{
	width:922px;
	height:400px;
	padding:0;
	margin:30px 0 0 0;
}
.index-base .index-item2{
	width:440px;
	height:305px;
	padding:55px 0 0;
	margin:0;
	background-image:url(../images/common/cont_index01.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}
.index-base .index-item2l{
	width:440px;
	height:305px;
	padding:55px 0 0;
	margin:0;
	background-image:url(../images/common/cont_index02.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:right;
}
.index-base .index-item-left{
	width:220px;
	height:290px;
	margin:0 10px 0 20px;
	padding:0;
	float:left;
}
.index-base .index-item-right{
	width:180px;
	height:305px;
	margin:0;
	padding:0;
	float:left;
}
.index-base .index-item-right ul{
	list-style-type:disc;
	margin:10px 0 0 20px;
}
.index-base .index-item-right li{
	padding:0 0 5px 0;
}
.index-base2 .index-item3{
	width:280px;
	height:345px;
	padding:55px 0 0;
	margin:0 41px 0 0;
	background-image:url(../images/common/cont_index03.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}
.index-base2 .index-item3l{
	width:280px;
	height:345px;
	padding:55px 0 0;
	margin:0;
	background-image:url(../images/common/cont_index04.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}
.index-base2 .index-item3 .index-item-left{
	width:245px;
	height:230px;
	margin:0 0 0 15px;
	padding:0;
}
.index-base2 .index-item3 .index-item-right{
	width:245px;
	height:80px;
	margin:15px 0 0 15px;
	padding:0;
}
.index-base2 .index-item3l .index-item-left{
	width:245px;
	height:230px;
	margin:0 0 0 15px;
	padding:0;
}
.index-base2 .index-item3l .index-item-right{
	width:245px;
	height:80px;
	margin:15px 0 0 15px;
	padding:0;
}
.index-base2 .index-item-right ul{
	list-style-type:disc;
	margin:10px 0 0 20px;
}
.index-base2 .index-item-right li{
	padding:0 0 5px 0;
}
/*******************
side_menu
*******************/

/*******************
下パンくず
*******************/
#breadcrumb {
	width:922px;
	margin:0;
	padding:0;
}
#breadcrumb p{
	font-size:11px;
}
/**********************
footer
*************************/
#footer_outer{
	width:100%;
	/*min-width:1829px;*/
	height:450px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/common/footer_bg01.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#footer{
	width:950px;
	margin:0 auto;
	padding:0;
}
#footer .fukidashi{
	width:920x;
	height:95px;
	text-align:right;
	padding-right:40px;
	margin:0;
}
#footer .b_navi{
	width:950px;
	height:220px;
	margin:0;
	padding:0;
}
#footer .b_navi .b_navi_inner{
	width:950px;
	height:226px;
	padding:90px 0 0 0;
}
#footer .b_navi .b_navi_inner .footer-menu{
	width:135px;
	height:226px;
	background-image:url(../images/common/footer_navi_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 9px 0 0;
	padding:0;
	float:left;
}
#footer .b_navi .b_navi_inner .footer-menu-last{
	width:135px;
	height:226px;
	background-image:url(../images/common/footer_navi_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#footer .b_navi .b_navi_inner .sub-guide{
	width:88px;
	height:186px;
	padding:40px 0 0 0;
	margin-left:4px;
	background-image:none;
	float:left;
}
#footer .b_navi .b_navi_inner .footer-menu .footer-menu-title{
	background-image:none;
	width:129px;
	height:66px;
	padding:0;
	margin:0 0 20px 2px;
	border-bottom:1px solid #FFFFFF;
}
#footer .b_navi .b_navi_inner .footer-menu-last .footer-menu-title{
	background-image:none;
	width:129px;
	height:66px;
	padding:0;
	margin:0 0 20px 2px;
	border-bottom:1px solid #FFFFFF;
}
#footer .b_navi .b_navi_inner .footer-menu li{
	padding:0 0 5px 12px;
	margin:0;
	font-size:12px;
	background-image: url(../images/common/footer_icon01.png);
	background-repeat: no-repeat;
	background-position: 3px 2px;
}
#footer .b_navi .b_navi_inner .footer-menu-last li{
	padding:0 0 5px 12px;
	margin:0;
	font-size:12px;
	background-image: url(../images/common/footer_icon01.png);
	background-repeat: no-repeat;
	background-position: 3px 2px;
}
#footer .b_navi .sub-guide li{
	padding:0 0 5px 8px;
	margin:0;
	font-size:12px;
	background-image: url(../images/common/footer_icon02.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	text-align:left;
}
#footer a{
	color:#FFFFFF;
}
#footer a:hover{
	color:#FF0000;
}
#footer #address-base{
	position:relative;
	z-index:901;
}
#footer #address-main{
	position:absolute;
	top:332px;
	left:720px;
	z-index:999;
	width:180px;
	height:118px;
}
/**********************
copyright
*************************/
#copyright{
	height:25px;
	text-align:center;
	margin:-30px auto 0;
	padding-top:5px;
}
#copyright p{
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
}
/**********************
atop
*************************/
.atop{
	width:682px;
	height:20px;
	margin:0 0 50px;
	padding:0;
}
.atop .atop-area{
	height:20px;
	text-align:right;
	margin:0;
	padding:0;
}