@charset "utf-8";

html {
    height:100%;
}

body {
	height:100%;
	text-align:center;
	margin: 0px;
	padding: 0px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666666;
	word-spacing: 0.2em;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
	}

.midasi{
	position:relative;
	bottom:5px;
	font-size: 15px;
	text-decoration: none;
	color: #006699;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	margin-left: 25px;
}

.logo{
	position:relative;
	top:10px;
	right:10px;
}

h4{
	font-size: 17px;
	color: #006699;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
}
.menu{
	margin-bottom: 200px;
	margin-left: 20px;
}
.menu_item{
	margin-left: 15px;
	margin-right: 15px;
}
.menu_link{
	text-decoration:none;
	/* margin-left: 10px;
	margin-right: 10px; */
}
#menu_imformation {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
}
.con{
	font-size: 40px;
	font-weight: bold;
	text-shadow:3px 3px 3px #b3b3b3;
}

#main {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	/* background:url(../img/bg.jpg) repeat-y; */
	}


img{
	border:0;
	vertical-align:baseline;
	}

img.iframe{
 width: 850px;
 height: 330px;
 text-align: center;
}
 
.red{
	color:red;
	}

.clear{
	clear:both;
	}

.mini{
	font-size:smaller;
	font-weight:normal;
}

.list_last{
	padding:0 0 10px 0;
}

p, h1,h2,h3,h4,h5,h6, ul, li, hr{
	padding:0;
	margin:0;
}

#wrapper #headernavi #header li a, #footer a, .pankuz a, .main_text1 a, .main_text2 a, .sitemap_text a, .content_left a{
	text-decoration:none;
	color:#666666;
	}

#wrapper .top_content .content_left .info a{
	border-bottom:1px #0B4889 solid;
	color:#0B4889;
	}

#wrapper #headernavi #header ul a:hover,#wrapper .top_content .content_left .info a:hover, #wrapper #footer  .f_menu li a:hover, .pankuz a:hover, .sitemap_text li a:hover, .main_text1 a:hover, .main_text2 a:hover{
	color:#006699;
	border-bottom:1px #006699 solid;
	}

/*
a:visited{
	color:#9400d3;
}
*/

/* wrapper*/
#wrapper{
	padding: 0px;
	width: 100%;
	margin: 0px auto;
}

/* header*/
#wrapper #headernavi{
	width:880px;
	height:120px;
	padding:0 ;
	margin:0 auto;
	border-top:#006699 3px solid;
}

/* #wrapper #headernavi #header{
	width:850px;
	height:120px;
	padding:0;
	margin:0px auto;
	background: url(../common/header.jpg) no-repeat right top;
} */

#wrapper #headernavi #header .header_text{
	padding:0;
	text-align:left;
	font-size:12px;
}

h1 {
	width: 335px;
	height: 60px;
	display:block;
	text-align: left;
	padding:25px 0 5px 0;
	margin: 0px;
	float:left;
	font-weight:normal;
	line-height:100%;
}
/*
.tel{
	float:right;
	padding:15px 0 0 0;
	width:200px;
}
*/
#wrapper  #menu_line{
	/*
	widhth:auto;
	background:url(../common/menu00.jpg) repeat-x;
	*/
	margin: auto;
	width:880px;
	height:50px;
	padding:0px;
	clear:both;
	border-bottom:3px solid #006699;
	}

#wrapper  .menu{
	margin-top: 4px;
	list-style-type:none;
	width:850px;
	height:50px;
	padding:0px;
}

.menu li{
	margin-top: 11px;
	float:left;
}

#gblinkid{
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}	
}


#wrapper #footer{
	/*widhth:auto;*/
	width:850px;
	padding:0 ;
	margin:0px auto;
	clear:both;
	border-top:#cccccc 1px solid;
	}

#wrapper #footer .f_menu{
	width:850px;
	margin:0 auto;
	padding:5px 0;
	text-align:left;
	}

#wrapper #headernavi #header ul{
	margin:-24px 0 0 0;
	float:right;
}

#wrapper #footer  .f_menu ul{
	margin:0 0 0 20px;
	padding:0;
	letter-spacing: 0.2em;
}

#wrapper #headernavi #header li, #wrapper #footer  .f_menu li{
	display:inline;
	padding:0px 6px 0 8px;
	margin-top: -2px;
	margin-left:-8px;
	list-style-type: none;
	font-size:12px;
	text-decoration:none;
	border-left: 1px solid #666666;
	border-right:1px solid #666666;
}

#wrapper #headernavi #header li+ li, #wrapper #footer  .f_menu li+ li{
	border-left:0 ;
	border-right:1px solid #666666;
}

#wrapper .address_area{
	width:850px;
	text-align:left;
	margin:0 auto;
	}

#wrapper .address_area .address{
	width:380px;
	height:auto;
	float:right;
	margin:0;
	padding:10px 0;
	text-align:left;
	}

#wrapper #footer2{
	width:850px;
	/*width:auto;*/
	padding:0 ;
	margin:0px auto;
	border-top:#cccccc 1px solid;
	}

#wrapper #footer2 .copy{
	clear:both;
	width:850px;
	/*width:auto;*/
	height:25px;
	margin:0 auto;
	padding:10px 0 ;
	color:#006699;

	text-align:center;
	font-size:12px;
	}

#wrapper .pankuz{
	width:850px;
	height:auto;
	margin:10px auto;
	padding:0;
	border-bottom:#333333 1px dotted;
	text-align:left;
	font-size:smaller;
	}



/*top*/
#wrapper  .top_content{
	width:850px;
	height:auto;
	margin:5px auto 10px auto;
	padding:0;
	text-align:left;
	}

#wrapper  .top_content h2{
	width:850px;
	height:auto;
	margin:0 auto;
	padding:10px 0;
}


#wrapper  .top_content .content_left_reform{
	width:520px;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	}

#wrapper  .content_system{
	border:2px solid #9e9e9e;
	width:855px;
	height:auto;
	padding:0;
	margin: 35px 0 20px 0;
	border-radius: 10px;
	float:left;
	}

#wrapper  .top_content .b_shintiku{
	color: #006699;
	font-size: 23px;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO" ;
	border-left: 5px solid #006699;
	margin:10px 0 7px 10px ;
	padding-left: 8px;
    }

#wrapper  .top_content .content_system .item{
	width:816px;
	height:auto;
	margin:0 10px 0 10px;
	padding:0;
	}


#wrapper   .content_left_reform{
	border: 2px solid #9e9e9e;
	width:600px;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	border-radius: 10px;
	float:left;
	}

#wrapper  .top_content .b_reform{
	color: #006699;
	font-size: 23px;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO" ;
	border-left: 5px solid #006699;
	margin:10px 0 7px 10px ;
	padding-left: 8px;
    }

#wrapper  .top_content .detail_1{
	margin:3px 0px 10px 650px;

}

#wrapper  .top_content .detail_2{
	margin:3px 0px 10px 300px
}

#wrapper  .top_content .content_left_reform .item{
	width:535px;
	height:auto;
	margin:0;
	padding:0 25px;
	}


#wrapper  .top_content .content_left h3{
	width:660px;
	padding:0;
	margin:0;
	}

#wrapper  .top_content .content_left .day{
	padding:5px 0 0 0;
}

#wrapper .top_content .content_left .info{
	width:585px;
	padding:3px 0 0 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #333;
}

#wrapper .top_content .content_right{
	width:300px;
	height:200px;
	margin:20px 0 0 0;
	padding:0;
	float:right;
	}

#wrapper  .content .content_right{
	width:250px;
	/* height:auto;
	margin:10px 0 0 0; */
	padding:0;
	float:right;
	}

#wrapper .top_content .content_right .banner{
	/* padding:0 0 10px 0; */
	margin:0;
	width:250px;
	}

#wrapper .content .content_right .banner2{
	padding:0;
	margin:0 0 40px 0;
	width:200px;
	float:right;
	}



#wrapper  .content{
	width:850px;
	margin:5px auto 10px auto;
	padding:0;
	text-align:left;
	}

.up{
	width:650px;
	text-align:right;
	padding:10px 0;
	clear:both;
	}

#wrapper .content  h2,#wrapper .content  h3{
	width:850px;
	padding:30px 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #666666;
	font-size:1.5em;
	}

.pict{
	margin-left: 75px;
}
.imgs{
	width: 410px;
	height: 310px;
	box-shadow: 15px 15px 40px gray;
}
.imgel{
	border-bottom:double;/*二重線を引く*/
	border-color:#006699;
	border-width:3px;
}
.before_after{
	border-bottom:double;/*二重線を引く*/
	border-color:#006699;
	border-width:3px;
}

#wrapper .content  h4{
	width:850px;
	padding:20px 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #666666;
	}

#wrapper .content  .main_text1{
	padding:30px 0 5px 0;
	margin:0 0 5px 0;
	}

#wrapper .content  .main_text2{
	padding:5px 0 5px 0;
	margin:0 0 5px 0;
	}

#wrapper .content  .main_text3{
	padding:4px 0;
	text-align:center;
	}

#wrapper .content  .sub_title01{
	border-bottom:1px #666666 solid;
	padding:30px 0 0 0;
	}

#wrapper .content  .sub_title01{
	border-bottom:1px #666666 solid;
	padding:30px 0 0 0;
	}

#wrapper .content .table_style{
	width:750px;
	height:auto;
	margin:10px 0 0 100px;
	padding:0 0 15px 0;
	border-collapse:collapse;
	}
	
.table_style td{
	margin:0;
	border-top:1px #666666 solid;
	padding:10px 30px 50px 10px;
	vertical-align:text-top;
	}

#wrapper .content .call_list{
	list-style:decimal;
	padding:10px 0 20px 80px;
	font-weight:bold;
	}
	
#wrapper .content .market_list{
	list-style:decimal;
	padding:0 0 0 25px;
	}

#wrapper .content .pri00{
	margin:0 0 15px 0;
	}

#wrapper .content .pri01{
	margin:0px 0 0px 20px;
	padding:0 0 0px 0;
	line-height:40px;
	font-size:18px;
	border-bottom:1px #999999 solid;
	}

#wrapper .content .pri02{
	margin:0 0 35px 40px;
	padding:5px 0 0 10px;
}

#wrapper .content .pri02_2{
	margin:0 0 0 50px;
	padding:5px 0 0 10px;
	font-weight:none;
	}

#wrapper .content .pri_list{
	list-style:decimal;
	padding:0 0 20px 120px;
	}


#wrapper .content .pri02 table{
	border-collapse:collapse;
	width:800px;
	}

.pri02  td{
	margin:0;
	padding:5px 30px 0 10px;
	vertical-align:text-top;
	/*border:red solid 1px;*/
	}

.pri02  th{
	margin:0;
	padding:15px 10px 0 0px;
	/* padding:15px 30px 0 0px; */
	vertical-align:text-top;
	text-align:left;
	font-weight:nomal;
	font-size:16px;
	/*font-family:"HG丸ｺﾞｼｯｸM-PRO";*/
	}

.pri02 th img{
	/*border:red solid 1px;*/
	line-height:150%;
	vertical-align:middle;
	}

#wrapper .content  .content_left .sitemap_text{
	list-style-type:square;
	margin:7px;
	padding:0 0 12px 12px;
}

#wrapper .content  .content_left .sitemap_text li{
	padding-left:20px;
	margin-left:10px;
}

#wrapper .content .otoiawase table{
	border-collapse:collapse;
	width:850px;
	}

.otoiawase  th{
	width:300px;
	padding:25px 20px 25px 10px;
	vertical-align:text-top;
	border-bottom:1px #666666 dotted;
	font-weight:normal;
	}

.otoiawase  td{
	padding:25px 20px 25px 10px;
	/*vertical-align:text-top;*/
	border-bottom:1px #666666 dotted;
	}


 .button{
	clear:both;
	text-align:center;
	padding:20px 0;
	}

 .button2{
	clear:both;
	text-align:center;
	padding:0 0 20px 0;
	}

input:focus, textarea:focus{
	background:#FBE1DB;
	}

p.text {
	padding:0;
	margin:0 0 10px 0;
	width:250px;
	float:right;
	font-size:12px;
	line-height:100%;
}

p.text2 {
	padding:0;
	margin:0 0 10px 0;
	width:250px;
	float:right;
	font-size:12px;
	line-height:100%;
}

/* 20140703 add start */

/* フォント通常 */
.fontNormal {
	font-size:14px;
}

/* フォント見出し */
.fontBig {
	font-size:18px;
}

/* フォント小 */
.fontSmall {
	font-size:12px;
}

/* English　ロゴ上スペース */
div.headerSpace {
	padding-top:24px;
}

/* English　JINis */
img.imgJINis {
	width:60%;
	height:60%;
	position: relative;
	right:10px;
}

div.policy {
	font-size:14px;
	color: #B3424A;
}

div.actionRed {
	font-size:10px;
	color: #B3424A;
	position: relative;
	left: 90px;
}

div.howTo {
	position: relative;
	left: 12px;
}

img.howTo {
	position: relative;
	left: 18px;
}

/* Englishページ遷移ボタン */
div.divEnglish {
	float:right;
	margin-top:50px;
	margin-right:30px;
}
.btnEnglish {
	-moz-box-shadow: 1px 1px 0px 0px #d6d6d6;
	-webkit-box-shadow: 1px 1px 0px 0px #d6d6d6;
	box-shadow: 1px 1px 0px 0px #d6d6d6;
	/* background-color:#E0FFFF; */
	background-color:#FDF5E6;
		-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/* border:solid 1px #666666; */
	border:solid 1px #8B4513;
	display:inline-block;
	/* color:#000000; */
	color:#993333;
	font-size:12px;
	padding:0px 18px;
	text-decoration:none;
}

/* Japaneseページ(topページ)遷移ボタン */
div.divJapanese {
	float:right;
	margin-top:50px;
	margin-right:30px;
}
.btnJapanese {
	-moz-box-shadow: 1px 1px 0px 0px #d6d6d6;
	-webkit-box-shadow: 1px 1px 0px 0px #d6d6d6;
	box-shadow: 1px 1px 0px 0px #d6d6d6;
	/* background-color:#FFDEAD; */
	background-color:#FDF5E6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/* border:solid 1px #666666; */
	border:solid 1px #8B4513;
	display:inline-block;
	/* color:#000000; */
	color:#993333;
	font-size:12px;
	padding:0px 18px;
	text-decoration:none;
}

/* 20140703 add end */

/*ie - Internet Explorer (All versions)
ie8 - Internet Explorer 8.x
ie7 - Internet Explorer 7.x
ie6 - Internet Explorer 6.x
ie5 - Internet Explorer 5.x
gecko - Mozilla, Firefox (all versions), Camino
ff2 - Firefox 2
ff3 - Firefox 3
ff3_5 - Firefox 3.5 new
opera - Opera (All versions)
opera8 - Opera 8.x
opera9 - Opera 9.x
opera10 - Opera 10.x
konqueror - Konqueror
webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
safari3 - Safari 3.x
chrome - Google Chrome
iron - SRWare Iron new */

/* 20201201 add  */
.th-title {
	font-size: 20px !important;
    font-weight: normal;
}


/* 20201201 add end */