/* css リセット 
------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}

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

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

img {
	border:0;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

body {
	font-size: 0.875em;
	-webkit-text-size-adjust: none;
}

@media only screen and (max-device-width: 480px) {
	html,body {
		width:100% !important;
	    margin:0 !important;
		min-height:320px !important;
		max-height:480px !important;
	}
}



body {
font: 14px/1.231 'HiraKakuProN-W6','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
-webkit-text-size-adjust:100%;
color:#333333;
background-color:#FFFFFF;
}
.clr{clear:both;}

section {margin:0 0 20px 0;padding:0;}
section img {
margin:0;padding:0;vertical-align: text-bottom;
}
p {margin-bottom:1em;line-height:150%;}


h1 {
font-size:75%;
font-weight:normal;
color:#ffffff;
margin:0;
padding:5px 0 4px 0;
text-align:center;
background-color:#005EBB;
}


/* wrapper
----------------------------------------------------------- */
div#wrapper {
  position: relative;
	min-width: 320px;
	min-height: 207px;
	font-weight: 500;
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#wrapper a {
	text-decoration: none;
}




/* header
----------------------------------------------------------- */
div#header {
	margin: 0;
	padding:2px 0;
	/*height: 77px;*/
	background:#fff;
}

div#header h1 {
	float: left;
}

div#header p {
	float: right;
}

div#header ul {
	margin: 0;
	overflow: hidden;
	zoom: 1;
}

div#header ul li {
	float: left;
	width: 50%;
	list-style:none
}

div#header ul li a {
	display: block;
}





/*---------- メインレイアウト ----------*/

#main_img{
margin:0;
padding:0;
}
#main_img img {  
max-width:100%;  
height:auto;  
}

#wrap {
margin:0;
padding:5px 5px 5px 5px;
}
#wrap img {  
max-width:100%;  
height:auto;  
}


/*---------- 見出し ----------*/

h2 {}
h3 {}

.subtitle{
margin:0 0 15px 0;
padding:15px 0 15px 10px;
font-size:120%;
line-height:140%;
color:#006699;
border-top:2px solid #006699;
border-bottom:1px solid #CCCCCC;
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
background:-moz-linear-gradient(top,#ffffff,#e0e0e0);
}
.style_01{
margin:0;
padding:8px 0 8px 0;
font-size:100%;
line-height:140%;
color:#ffffff;
text-align:center;
background-color:#006699;
}
.style_02{
margin:10px 0 3px 0;
padding:0 0 4px 0;
font-size:100%;
font-weight:bold;
color:#FF6600;
text-align:left;
border-bottom:1px dotted #999999;
}
.style_03{
font-size:100%;
line-height:150%;
margin:0 0 15px 0;
padding:3px 0 3px 5px;
border-bottom:solid 1px #CCCCCC;
border-left:solid 4px #336b9e;
color:#003396;
}

.submit_ttl{
margin:0 0 5px 0;
padding:0;
font-size:100%;
font-weight:bold;
color:#FF6600;
}
.submit{
margin:0 0 15px 0;
padding:10px 10px 6px 10px;
text-align:center;
background-color:#fdfae1;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0px 0px 5px #594a42;
-moz-box-shadow:0px 0px 5px #594a42;
box-shadow:0px 0px 5px #594a42;
}
.submit_online{
margin:10px 0;
padding:12px 0 10px 0;
background:-webkit-gradient(linear, left top, left bottom, from(#FFCC00),color-stop(0.50, #FF6600),to(#FF8533));
background:-moz-linear-gradient(top,#FFCC00 0%,#FF6600 50%,#FF8533);
border:2px solid #FF6600;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
text-align:center;
color:#ffffff;
text-shadow:1px 1px 3px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);
-moz-box-shadow:0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);  
-webkit-box-shadow:0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
text-decoration:none;
font-size:140%;
line-height:100%;
font-weight:bold;
}
.submit_online a:link {color:#ffffff;text-shadow:1px 1px 3px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);text-decoration:none;}
.submit_online a:visited {color:#ffffff;text-shadow:1px 1px 3px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);text-decoration:none;}
.submit_online a:hpver {color:#ffffff;text-shadow:1px 1px 3px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);text-decoration:none;background-color:#FF6600;}

.menu{
margin:0 2px 14px 0;
padding:0;
text-align:center;
}
.menu img{
border:1px solid #CCCCCC;
margin:0 0 1px 0;
padding:0;
}

/* 矢印つきリスト */
.list1 ul{
border-bottom:1px solid #ccc;
}
.list1 ul li{
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
background:linear-gradient(#fff, #f0f0f0);
border-bottom:1px solid white;
border-top:1px solid #ccc;
height:42px;
margin:0;
}
.list1 ul li a{
color:#0a55a3;
display:block;
height:40px;
margin:0;
padding:2px 0 0 10px;
overflow:hidden;
text-overflow:ellipsis;
text-decoration:none;
font-weight:bold;
white-space:nowrap;
line-height:40px;
}
.list1 ul li a::after{
content:url(/sp/img/list_mark1.png);
float:right;
}

.voice_btn{
margin:0 0 15px 0;
padding:0;
text-align:center;
}

table.footer_btn {
width:100%;
border-collapse:collapse;
font-size:75%;
margin:0;
padding:0;
color:#666666;
}
table.footer_btn td {
padding:2px;
text-align:center;
vertical-align:middle;
}
table.footer_btn td.leftbtn {
text-align:right;
}
table.footer_btn td.rightbtn {
text-align:left;
}


/* サムネイルつき矢印リスト */
.list2 ul{
border-bottom:1px solid #ccc;
}
.list2 ul li{
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
background:linear-gradient(#fff, #f0f0f0);
border-top:1px solid #ccc;
height:70px;
margin:0px;
}
.list2 ul li a{
background:url(/sp/img/list_mark1.png) no-repeat 100% 50%;
color:#333;
display:block;
height:70px;
margin:0;
padding:0 20px 0 0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-decoration:none;
}
.list2 ul li a strong{
color:#0a55a3;
display:block;
font-weight:bold;
padding-top:17px;
}

/* テーブル */

section table.table_line {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
}


/* 電話番号 */

.tel_no {
font-size: 20px;
}


/*---------- フッター ----------*/

#footer{
margin:15px 0 0 0;
padding:10px;
text-align:center;
color:#006699;
font-size:75%;
font-family:Arial, Helvetica, sans-serif;
border-top:1px solid #CCCCCC;
background-color:#EEEEEE;
}

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

.img_right01{
float:right;
border:solid 1px #CCCCCC;
margin:0 0 0 10px;
}


/*---------- 文字 ----------*/
.font75{font-size:75%;line-height:120%;font-weight:normal;}
.bold{font-weight:bold;}
.red {font-weight:bold;color:#CC0000;}
.org {font-weight:bold;color:#FF6600;}


/* clearfix */
.clearfix:after {
content:".";  /* 新しい要素を作る */
display:block;  /* ブロックレベル要素に */
clear:both;
height:0;
visibility:hidden;
}