﻿@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;
	}
	

#main {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
	}


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:#0B4889;
	}

#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:#692142;
	border-bottom:1px #692142 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:#692142 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;
	*/
	width:880px;
	height:50px;
	margin:0 auto;
	padding:0px;
	clear:both;
	border-bottom:3px solid #692142;
	}

#wrapper  .menu{
	list-style-type:none;
	width:850px;
	height:50px;
	margin:0 auto;
	padding:0px;
}

.menu li{
	float:left;
}

#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:-27px 0 0 0;
	float:right;
}

#wrapper #footer  .f_menu ul{
	margin:0;
	padding:0;
	letter-spacing: 0.2em;
}

#wrapper #headernavi #header li, #wrapper #footer  .f_menu li{
	display:inline;
	padding:1px 6px 0 8px;
	list-style-type: none;
	font-size:12px;
	text-decoration:none;
	background: url(../common/triangle.jpg) no-repeat left center;
}

#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:#B3424A;

	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{
	width:585px;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	}

#wrapper  .content_system{
	width:870px;
	height:auto;
	padding:0;
	float:left;
	}

#wrapper  .top_content .content_system .item{
	width:816px;
	height:auto;
	margin:0;
	padding:0 25px;
	background: url(../img/img0105.jpg) repeat-y center;
	}


#wrapper  .content .content_left{
	width:600px;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	}



#wrapper  .top_content .content_left .item{
	width:535px;
	height:auto;
	margin:0;
	padding:0 25px;
	background: url(../img/img0102.jpg) repeat-y center;
	}


#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:250px;
	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;
	}

#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:10px 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:none;
	margin:0 auto;
	padding:0 0 20px 0;
}

#wrapper .content  .content_left .sitemap_text li{
	padding-left:20px;
	background:url(../common/triangle.jpg) no-repeat left center;
	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%;
	heigh: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 */



.table_left {
	width: 180px;
}

.table_left_e {
	width: 300px;
}

.pri03 {
	margin-left: 20%;
}

ol.custom-list {
	list-style: none;
	counter-reset: list-counter;
	}
   
   ol.custom-list > li {
	counter-increment: list-counter;
	position: relative;
	}
   
   ol.custom-list > li::before {
	content: counter(list-counter, lower-alpha) "）"; /* 英小文字＋）を追加 */
	position: absolute;
	left: -2em;
	}