@charset "utf-8";
/* --------------------------------------------------
	SiteName : Gakubun inc.
	FileName : global.css
	Description : global styles
	
	== TOC =========================================
	1 : basic layout styles
	2 : headerArea styles
	3 : globalNaviArea styles
	4 : localNaviArea styles
	5 : contentsArea styles
	6 : footer styles
	
-------------------------------------------------- */


/* 1. basic layout styles
================================================== */
body {
	background-image: none;
	font-size: 100%;
}

/* wrapper */
#container {
	border-top: 5px solid #d4d3d3;
	padding: 15px 0 0 0;
}

.sp {
	display: block;
}

.pc {
	display: none;
}

.spaceBox {
	display: none;
}

/* 2. headerArea styles
================================================== */
#header {
	width: 100%;
	background: none;
	margin: auto;
	text-align: center;
}

#header h1 a {
	float: none;
	display: block;
	width: 100%;
	background: url(../images/logo.png) no-repeat 0px 0px;
	background-size: contain;
	text-indent: -9999px;
}

#header #h_btn {
	display: none;
}



/* 3. globalNaviArea styles
================================================== */
#gNavi {
	display: none;
}

#sp_gNavi {
	display: block;
	width: 100%;
	margin-top: 20px;
}

#sp_gNavi li {
	float: left;
	width: 19.7%;
	padding-right: 0.3%;
	background: #e5e5e5;
}

#sp_gNavi li img {
	width: 100%;
}

#gNavi li a {
	display: block;
}

#gNavi li.contact {
	border-right: none;
}

/**
/* サブナビゲーション
**/
#sp_sNavi_pen {
	clear: both;
	display: none;
	width: 100%;
	background: #00a0e9;
}

#sp_sNavi_jidou {
	clear: both;
	display: none;
	width: 100%;
	background: #f46e7d;
}

#sp_sNavi_syo {
	clear: both;
	display: none;
	width: 100%;
	background: #638c0b;
}

#sp_sNavi_contact {
	clear: both;
	display: none;
	width: 100%;
	background: #f39800;
}

#sp_sNavi_pen li a,
#sp_sNavi_jidou li a,
#sp_sNavi_syo li a,
#sp_sNavi_contact li a {
	display: block;
	padding: 10px 5%;
	color: #ffffff;
	border-bottom: #ffffff 1px solid;
	text-decoration: none;
}

#sp_sNavi_pen li a:before,
#sp_sNavi_jidou li a:before,
#sp_sNavi_syo li a:before,
#sp_sNavi_contact li a:before {
	content: "＞";
	position: relative;
}

/* 4. localNaviArea styles
================================================== */
#sNavi {
	display: none;
}

/* 5. contentsArea styles
================================================== */
#contents {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#panlist {
	display: none;
}

#topmain {
	float: none;
	width: 100%;
	display: inline;
}

#main {
	padding: 3%;
	height: auto !important;
	float: none;
	width: 94%;
	display: block;
	background-color: #FFF;
	margin: 0 auto;
}

#main_db {
	height: auto !important;
	width: 900px;
	background-color: #FFF;
}

.lpen {
	border-top: solid 5px #00a0e9;
}

.ljidou {
	border-top: solid 5px #f46e7d;
}

.lsyodou {
	border-top: solid 5px #638c0b;
}

.lwaseda {
	border-top: solid 5px #f4e36d;
}

.lcontact {
	border-top: solid 5px #f39700;
}

.lkyoushitsu {
	border-top: solid 5px #d7aad5;
}

.lnews {
	border-top: solid 5px #faea08;
}

body#kensaku {
	background-image: url(../../images/kyoushitysu/bg_kensaku.png);
	background-repeat: repeat-x;
}

#kensaku #contents {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#kensaku #main {
	padding: 0;
	height: auto !important;
	width: 94%;
	margin: auto;
	display: block;
	background-color: #FFF;
	padding-bottom: 0;
	margin-bottom: 0;
}

/**
/* サイドバー部分 
**/
#sub {
	height: auto !important;
	float: none;
	width: 94%;
	display: block;
	padding: 0;
	margin: auto;
}

/*教室検索*/
#sub #s_kensaku {
	margin: 0;
	border: 1% solid #d7aad5;
	background: none;
	width: 98%;
	height: auto;
}

#sub #s_kensaku img {
	width: 100%;
}

#sub #s_kensaku .box {
	width: 90%;
	height: auto;
	margin: 15px auto;
}

#sub #s_kensaku .box select {
	width: 100%;
	padding: 10px;
}

#sub #s_kensaku .box input[type="text"] {
	width: 88%;
	padding: 6%;
	border: solid 1px rgb(169, 169, 169);
}

#sub #s_kensaku .box input[type="checkbox"] {
	padding: 10px;
}

#sub #s_kensaku .box input[type="submit"],
#sub #s_kensaku .box input[type="reset"] {
	width: 100%;
	padding: 15px 0;
	margin-bottom: 5px;
}

#sub #s_kensaku .kbtn {
	clear: both;
	margin: 5px;
}

/*バナー部分*/
#sub #s_bn,
#sub #s_btn {
	margin-top: 20px;
	width: 100%;
}

#sub #s_bn li img,
#sub #s_btn li img {
	width: 100%;
}

#sub #s_bn li,
#sub #s_btn li {
	width: 100%;
	margin-top: 10px;
}

#sub #sub_news ul {
	list-style-type: none;
}

/* h2 */
#main h2 {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* h3 */
#main h3 {
	display: block;
	font-size: 16px;
	line-height: 140%;
	height: auto;
	padding: 10px 0 10px 15px;
	vertical-align: middle;
	border-top: 20px #FFF solid;
	border-bottom: 1px #FFF solid;
	margin-bottom: 10px;
}

#main h3.contact {
	background: url(../../images/contact/bg_h3.png) repeat-y 0px center;
}

#main h3.company {
	background: url(../../images/company/bg_h3.png) repeat-y 0px center;
	border-top: 1px #FFF solid;
}

#main h3.pen {
	background: url(../../images/pen/bg_h3.png) repeat-y 0px center;
}

#main h3.pen02 {
	background: url(../../images/pen/bg_h3.png) repeat-y 0px center;
}

#main h3.syodou {
	background: url(../../images/syodou/bg_h3.png) repeat-y 0px center;
}

#main h3.jidou {
	background: url(../../images/jidou/bg_h3.png) repeat-yt 0px center;
}

#main h3.kyoushitsu {
	padding-left: 0px;
}

#main h3.news {
	background: url(../../images/news/bg_h3.png) repeat-y 0px center;
}

#main h3.bt1 {
	border-top: 1px #FFF solid;
}

/* h4 */
#main h4 {
	margin-top: 20px;
	margin-bottom: 10px;
}

/* h5 */
#main h5 {
	margin-bottom: 15px;
}

/* p */
#main p {
	margin-bottom: 10px;
}

/* hr */
#main .dline {
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	clear: both;
}

/* p */
#main .cap {
	font-size: 85%;
}

/* ul style */
ul.ul_style {
	padding-left: 15px;
}

ul.ul_style li {
	list-style: disc;
}

/* ol style */
ol.ol_style {
	padding-left: 20px;
}

ol.ol_style li {
	list-style: decimal;
}

/* table style 費用 */
table.table_style {
	width: 100%;
	border: 1px #dcdcdc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

table.table_style th {
	padding: 2%;
	border: #dcdcdc 1px solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
	display: block;
	width: 96%;
}

table.table_style td {
	padding: 2%;
	border: 1px #dcdcdc solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	background: #fff;
	vertical-align: top;
	display: block;
	width: 96%;
}

/* table style2 ペン習字講習会 */
table.table_style2 {
	width: 100%;
	border: 1px #dcdcdc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 25px;
	font-size: 100%;
}

table.table_style2 th {
	padding: 5px;
	border: #dcdcdc 1px solid;
	border-width: 0 0 1px 1px;
	background: #00a0e9;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	color: #fff;
	width: 20%;
}

table.table_style2 td.norap {
	white-space: nowrap;
}

table.table_style2 td {
	padding: 5px;
	border: 1px #dcdcdc solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	line-height: 140%;
	background: #fff;
	vertical-align: middle;
}

/* table style3 書道講習会 */
table.table_style3 {
	width: 100%;
	border: 1px #dcdcdc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 25px;
	font-size: 14px;
}

table.table_style3 th {
	padding: 5px;
	border: #dcdcdc 1px solid;
	border-width: 0 0 1px 1px;
	background: #638c0b;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	color: #fff;
	width: 20%;
}

table.table_style3 th.midashi {
	background: #ffffff;
	color: #000000;
}

table.table_style3 td.norap {
	white-space: nowrap;
}

table.table_style3 td {
	padding: 5px;
	border: 1px #dcdcdc solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	line-height: 140%;
	background: #fff;
	vertical-align: middle;
}

/* table style4 競書誌表 */
table.table_style4 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 10px;
}

table.table_style4 th {
	white-space: nowrap;
	padding: 8px 0px;
	border-bottom: none;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
	width: 100%;
	display: block;
}

table.table_style4 td {
	padding: 2% 0;
	border-bottom: #dcdcdc 1px dotted;
	border-width: 0 0 1px 1px;
	text-align: left;
	line-height: 140%;
	background: #fff;
	vertical-align: top;
	width: 100%;
	display: block;
}

/* table style5 競書誌最新号 */
table.table_style5 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 15px;
	border: none;
}

table.table_style5 th {
	padding: 10px 0;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
	background: #fff;
}

table.table_style5 td {
	padding: 10px 0px;
	text-align: center;
	line-height: 140%;
	background: #fff;
	vertical-align: top;
	width: 50%;
}

table.table_style5 .dotline {
	border-left: none;
}

table.table_style5 .dotline2 {
	border-bottom: none;
}

table.table_style5 .alnL {
	text-align: left;
	padding: 10px 0px;
}

table.table_style5 .w100 {
	width: 100%;
	display: block;
}

/* table style フォーム */
table.table_style6 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	line-height: 140%;
	font-size: 100%;
}

table.table_style6 th {
	display: block;
	width: 100%;
	padding: 15px 0 7px 0;
	border-bottom: 1px #dcdcdc dotted;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

table.table_style6 td {
	display: block;
	width: 100%;
	padding: 7px 0 0 0;
	border-bottom: none;
	border-width: 0 0 1px 1px;
	text-align: left;
	background: #fff;
	vertical-align: middle;
}

table.table_style6 td img,
table.table_style6 th img {
	vertical-align: middle;
}

table.table_style6 td.spdsp {
	font-weight: bold;
	padding-bottom: 15px 0 7px 0;
	border-bottom: 1px #dcdcdc dotted;
}

/* table style7 講習の費用 */
table.table_style7 {
	width: 100%;
	border: 1px #dcdcdc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

table.table_style7 th {
	padding: 2%;
	border: #dcdcdc 1px solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
	width: 26%;
}

table.table_style7 td {
	padding: 2%;
	border: 1px #dcdcdc solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	background: #fff;
	vertical-align: top;
	width: 66%;
	line-height: 120%;
}

/* color */
.fRed {
	color: #e60012;
}

.fBlue {
	color: #359acc;
}

.fBold {
	font-weight: bold;
}

.txtU {
	text-decoration: underline;
}

.fsmall {
	font-size: 85%;
}

.fLarge {
	font-size: 16px;
}

.imgAuto img {
	width: auto !important;
}

/* 6. footer styles
================================================== */
#footer {
	width: 100%;
	min-width: 100%;
	clear: both;
	margin-top: 20px;
}

#btn_pagetop {
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 80px;
}

#btn_pagetop img {
	background: rgba(255, 255, 255, 0.0);
}

#btn_pagetop a {
	display: block;
	z-index: 9999999;
	background: rgba(255, 255, 255, 0.0);
}

#footercont {
	width: 100%;
	background-color: #f1eeee;
}

#fNavicont {
	width: 100%;
	margin: auto;
}

#footer .ttl01:before,
#footer .ttl02:before,
#footer .ttl03:before {
	content: "▼";
	position: relative;
}

#footer .ttl01,
#footer .ttl02,
#footer .ttl03 {
	display: block;
	font-weight: bold;
	height: auto;
	background: none;
	text-indent: none;
	padding: 10px 0;
	margin-bottom: 0;
}

#footer .ttl04 {
	display: none;
}

.fNavi {
	float: none;
	width: 100%;
	margin-right: 0;
	padding-bottom: 0;
}

.fNavi ul {
	margin-left: 0;
	font-size: 90%;
	line-height: 160%;
	list-style-image: url(../images/ico_footer.png);
	display: none;
}

.fNavi li {
	display: block;
	margin-left: 0;
}

.fNavi li a {
	display: block;
	margin-left: 0;
	font-size: 110%;
	line-height: 160%;
	padding: 15px;
	background: #d2d2d2;
	border-bottom: solid 1px #f1eeee;
}

.fNavi li a:before {
	content: url(../images/ico_footer.png);
}

.dsp ul {
	display: block;
}

.dsp li a {
	margin-left: 0;
	font-size: 110%;
	line-height: 160%;
	padding: 10px;
	background: none;
}

.dsp .ml10 {
	margin-left: -10px;
}

#copyright {
	background-color: #dfdbdb;
	font-size: 10px;
	padding: 0px;
}

#copycont {
	width: 100%;
	margin: auto;
}

/* --------------------------------------------------
	SiteName : Gakubun inc.
	FileName : style.css
	Description : style styles
	
	== TOC =========================================
	1 : top styles
	2 : contact styles
	3 : company styles
	4 : pen styles
	5 : syodou styles
	6 : voice styles
	7 : koushi styles
	8 : kyoushitsu styles
	9 : news styles
	10 : tenrankai styles
	11 : kyousyo styles
	12 : form styles
	13 : kousyu styles
	14 : koushihaken styles
	15 : shidousya styles
	
-------------------------------------------------- */


/* 1. top styles
================================================== */

#topmain #mainvisual {
	padding: 0px;
}

#topmain .txt {
	width: 90%;
	margin: 15px auto;
}

/*ボタン集合*/
#topmain #btns {
	width: 95%;
	margin: auto;
}

#topmain .btnbox02,
#topmain .btnbox01 {
	float: none;
	width: 100%;
	text-align: center;
}

#topmain .btnbox02 li img,
#topmain .btnbox01 li img {
	width: 100%;
	height: 100%;
}

#topmain .btnbox02 li,
#topmain .btnbox01 li {
	float: left;
	width: 31%;
	margin: 1%;
	text-align: center;
}

#topmain .btnbox02 li.ttl,
#topmain .btnbox01 li.ttl {
	clear: both;
	height: 25px;
	min-height: 25px;
	width: 100%;
	margin-bottom: 5px;
}

#topmain .btnbox02 li.ttl img,
#topmain .btnbox01 li.ttl img {
	width: auto;
}

#topmain .btnbox02 li#plus01,
#topmain .btnbox02 li#plus02 {
	width: 97%;
	margin-top: 5px;
	text-align: center;
}

#topmain .btnbox02 li#plus01 img,
#topmain .btnbox02 li#plus02 img {
	width: 100%;
}

#topmain .bimoji {
	margin: 10px 0 20px 25px;
}

/* 美子ちゃん画像 */
#topmain .miko {
	width: 93%;
	margin: auto;
}

#topmain p img {
	width: 100%;
}

/* リコメンド */
#recomend {
	width: 90%;
	height: auto;
	background: none;
	margin: 15px auto;
	border-radius: 10px;
	/* CSS3草案 */
	-webkit-border-radius: 10px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	/* Firefox用 */
	border: #facdad 5px solid;
}

#recomend img {
	width: 100%;
}

#recomend .ttl {
	width: 90%;
	margin: 20px auto;
}

#recomend .subttl {
	width: 45%;
	margin: 10px auto;
}

#recomend dl {
	width: 90%;
	padding-top: 0;
	margin: auto;
	font-size: 90%;
	line-height: 180%;
}

#recomend dl dt,
#recomend dl dd {
	float: none;
}

#recomend dl dt {
	width: 100%;
	font-weight: bold;
}

#recomend dl dd {
	width: 90%;
	background: url(../../images/sp/sp_recom_02.png) no-repeat 0px 5px;
	padding-left: 25px;
	border-bottom: dotted #eb6100 1px;
	margin-bottom: 10px;
}

/* 最新情報 */
#news {
	width: 90%;
	margin-top: 0;
	padding: 5%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #fff45c;
}

#news ul {
	width: 100%;
	margin: 10px auto;
}

#news .newsbtn img {
	width: 100%;
	margin: 10px auto;
}

#news br {
	display: block;
}

/* 2. contact styles
================================================== */
#otehon {
	font-weight: bold;
	background: #fbfbfb;
	height: auto;
	width: 94%;
	padding: 3%;
}

.mailicon {
	width: auto;
	margin-right: 5px;
}

.freeicon {
	float: left;
	width: 15%;
	margin-right: 5px;
	padding-bottom: 30px;
}

.freeicon_s {
	width: 7%;
	vertical-align: middle;
}

.spsize96 {
	font-size: 96%;
}

.spbr {
	display: block;
}

table.present th,
table.present td {
	display: block;
	width: 100%;
}

table.present td img {
	width: 60%;
}



/* 3. company styles
================================================== */
#main .img {
	float: none;
	font-size: 80%;
	height: auto;
	width: 100%;
	line-height: 160%;
	margin-left: 0;
}

#main .img img {
	width: 50%;
}

#main .img span {
	float: right;
	margin-left: 5%;
	width: 45%;
}

#main .spcomlink {
	display: block;
	text-align: center;
}

#main #info dt {
	float: none;
	font-weight: bold;
	padding: 0;
	width: 100%;
	font-size: 85%;
}

#main #info dd {
	padding: 0;
	border-bottom: dotted 1px #CCCCCC;
	font-size: 85%;
}

#main #info dt.ol {
	float: left;
	font-weight: bold;
	padding: 0;
	width: 25%;
	font-size: 85%;
}

#main .spsize85 {
	font-size: 85%;
}

#main .spgmap {
	display: block;
	text-align: center;
}

/* 4 : pen styles
================================================== */
#main .note {
	font-size: 80%;
}

#main .kousyuname {
	font-weight: bold;
	color: #00a0e9;
}

#main .pen01 {
	float: none;
	display: block;
	width: 100%;
	background: #f5f1f1;
	padding: 10px 0;
	text-align: center;
}

#main .pen01 img {
	width: auto;
}

#main #nagare img {
	width: 100%;
}

#main .table01,
#main .table02 {
	float: none;
	border-top: none;
}

#main .table01 td img,
#main .table02 td img {
	width: 95%;
	border: solid 1px #eeeeee;
}

#main .table01 {
	width: 100%;
}

#main .table02 {
	width: 100%;
}

#main .dotline {
	border: none;
}

#main .sp a img {
	width: 100%;
}

#main .btn_more a img {
	width: auto;
}

#main .sasie,
#main .sasie02 {
	float: none;
	padding-left: 0;
}

#main .sasie img {
	width: 100%;
}

#main .sasie02 {
	width: auto;
	display: block;
	margin: 10px auto;
	clear: both;
}

/* 5 : syodou styles
================================================== */
#main .kousyunamesyo {
	font-weight: bold;
	color: #638c0b;
}

/* 6 : voice styles
================================================== */
#main .voiceImg {
	float: left;
	height: auto;
	;
	margin-right: 30px;
}

#main .voiceImg02 {
	float: left;
	height: auto;
	margin-right: 30px;
	margin-top: 10px;
}

/* 7 : koushi styles
================================================== */
#main .namelist {
	float: none;
	width: 100%;
	clear: both;
}

#main dl.mokuji {
	border-right: none;
	margin-right: 0;
	width: 100%;
}

#main .mokuji dt {
	float: left;
	font-weight: bold;
	padding: 3px;
	width: 30%;
	height: auto;
	display: block;
}

#main .mokuji dd {
	float: left;
	padding: 3px;
	display: block;
	width: 60%;
}

#main .mokuji dd a {
	display: inline-block;
	width: 45%;
}

#main .kframe {
	margin-top: 50px;
	height: auto;
	width: 100%;
	border-top: solid 5px #00a0e9;
}

#main .sframe {
	margin-top: 50px;
	height: auto;
	width: 100%;
	border-top: solid 5px #638c0b;
}

#main .kframe .t,
#main .sframe .t {
	margin-top: 15px;
	float: left;
	font-size: 80%;
	display: block;
	width: 30%;
}

#main .kframe .t1,
#main .sframe .t1 {
	margin-top: 15px;
	float: right;
	font-size: 80%;
	display: block;
	width: 68%;
}

#main .kframe .t img,
#main .sframe .t img {
	margin-right: 0;
	width: 100%;
}

#main .kframe .t2,
#main .sframe .t2 {
	clear: both;
	margin-top: 15px;
	float: none;
	margin-bottom: 10px;
	font-size: 10px;
	text-align: center;
	width: 100%;
}

#main .kframe .t2 img,
#main .sframe .t2 img {
	margin: 15px 0;
}

#main .kframe .b {
	padding: 10px 0;
	float: none;
	height: auto;
	width: 100%;
	border-top: dotted 1px #00a0e9;
	font-size: 80%;
}

#main .sframe .b {
	padding: 10px 0;
	float: none;
	height: auto;
	width: 100%;
	border-top: dotted 1px #638c0b;
	font-size: 80%;
}

#main .kframe .tyosaku {
	margin-top: 10px;
	padding-top: 10px;
	float: none;
	height: auto;
	width: 100%;
	border-top: dotted 1px #00a0e9;
	font-size: 80%;
}

#main .sframe .tyosaku {
	margin-top: 10px;
	padding-top: 10px;
	float: left;
	height: auto;
	width: 100%;
	border-top: dotted 1px #638c0b;
}

#main .kframe h5 {
	display: table-cell;
	font-size: 16px;
	line-height: 140%;
	height: 20px;
	padding-left: 15px;
	vertical-align: middle;
	border-bottom: 5px #FFF solid;
	background: url(../../images/pen/bg_h3.png) no-repeat 0px center;
}

#main .sframe h5 {
	display: table-cell;
	font-size: 16px;
	line-height: 140%;
	height: 20px;
	padding-left: 15px;
	vertical-align: middle;
	border-bottom: 5px #FFF solid;
	background: url(../../images/syodou/bg_h3.png) no-repeat 0px center;
}

#main .btnichiran {
	text-align: center;
	clear: both;
	padding-top: 30px;
}

/* 8 : kyoushitsu styles
================================================== */
#main .klist li {
	margin-left: 20px;
	list-style-image: url(../images/ico_footer.png);
}

.rekensaku {
	text-align: right;
	margin-left: 0;
	width: auto;
	;
	padding: 5px;
}

blockquote {
	width: 100%;
	margin: 30px 0;
}

.infotxt {
	font-size: 120%;
	width: 100%;
}

.kdline {
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}

.kotei {
	position: fixed;
	background: #FFF;
	width: 100%;
	padding: 25px;
}

#main #kmap {
	width: 100%;
	height: auto;
	margin: 50px 0;
}

#main .kmap01 {
	width: 100%;
	float: left;
}

#main .kmap02 {
	display: none;
}

#main .kmap03 {
	display: none;
}

#main .kmapList {
	clear: both;
}

#main .kmapList dt {
	float: left;
	padding: 1%;
	font-weight: bold;
	width: 98%;
	border-bottom: 1px solid #fff;
}

#main .kmapList dd {
	float: left;
	padding: 1%;
	border-bottom: 1px dotted #ccc;
	width: 98%;
}

.hokkaidou {
	background-color: #ff9966;
}

.tohoku {
	background-color: #99cc00;
}

.kantou {
	background-color: #ffcc00;
}

.tokyo-kana {
	background-color: #009966;
}

.sinetsu {
	background-color: #bc75b8;
}

.toukai {
	background-color: #6699ff;
}

.kinki {
	background-color: #999900;
}

.chugoku {
	background-color: #cc9900;
}

.shikoku {
	background-color: #ff9999;
}

.kyusyu {
	background-color: #6699cc;
}

.okinawa {
	background-color: #cc6600;
}

#main #kform {
	width: 94%;
	padding: 3%;
	border: 1px solid #ccc;
	margin: 25px 0;
	background-color: #f6f4f4;
	line-height: 160%;
}

#main #kform ul li {
	float: none;
	padding-right: 0;
}

#main #kform ul li p {
	margin: 5px 0;
}

#kform select {
	width: 100%;
	padding: 10px 0;
	display: block;
}

#kform input[type="text"] {
	width: 88%;
	padding: 6%;
	border: solid 1px rgb(169, 169, 169);
}

#kform input[type="checkbox"] {
	padding: 10px;
}

#kform input[type="submit"],
#kform input[type="reset"] {
	width: 100%;
	padding: 15px 0;
	margin-bottom: 5px;
}

/* 9 : news styles
================================================== */
.newslist {
	font-size: 12px;
	padding-left: 5px;
	line-height: 160%;
	margin-bottom: 20px;
}

.wp-pagenavi {
	width: 100%;
	text-align: center;
	margin: 30px 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
}

.lnews p img {
	float: none;
	width: 100%;
	height: auto;
	padding-right: 0;
}

/* 10 : tenrankai styles
================================================== */
#main .btn_annai a {
	background: url(../images/bg_btn02.png) no-repeat 0px 0px;
	width: 610px;
	height: 40px;
	display: block;
	padding: 14px 10px;
	margin: 25px 0 0 0;
}

#main .btn_annai a:hover {
	background: url(../images/bg_btn02_on.png) no-repeat 0px 0px;
}

p img {
	width: 100%;
}

p a img {
	width: auto;
}

#main .btn_annai a {
	width: 98%;
	height: auto;
	display: block;
	padding: 10px 1%;
	margin: 25px 0 0 0;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f6f6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f6f6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #f7f6f6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f6f6', GradientType=0);
	/* IE6-9 */
	border: solid 1px #d2d2d2;
	border-radius: 7px;
	/* CSS3草案 */
	-webkit-border-radius: 7px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;
	/* Firefox用 */
}

#main .btn_annai a span {
	display: inline-block;
	width: 75%;
}

#main .btn_annai a .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5%;
}

#main .btn_annai a .curcer {
	float: right;
	margin-top: 5px;
	vertical-align: inherit;
}

#main table.syo_tenran {
	width: 100%;
}

#main table.syo_tenran img {
	width: 100%;
}

@media screen and (max-width: 440px) {
	#main .btn_annai a span {
		display: inline-block;
		width: 75%;
	}

	#main .btn_annai a .icon {
		display: inline-block;
		vertical-align: inherit;
		margin-right: 5%;
	}

	#main .btn_annai a .curcer {
		float: right;
		margin-top: 20px;
		vertical-align: inherit;
	}
}

/* 11 : kyousyo styles
================================================== */
#main .kyousyo_pen {
	width: 98%;
	padding: 1%;
	color: #fff;
	font-weight: bold;
	background-color: #00a0e9;
}

#main .kyousyo_syo {
	width: 98%;
	padding: 1%;
	color: #fff;
	font-weight: bold;
	background-color: #638c0b;
}

#main .kyousyo_jidou {
	width: 98%;
	padding: 1%;
	color: #fff;
	font-weight: bold;
	background-color: #f46e7d;
}

#main .btn_more a {
	width: 96%;
	height: auto;
	display: block;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f6f6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f6f6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #f7f6f6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f6f6', GradientType=0);
	/* IE6-9 */
	border: solid 1px #d2d2d2;
	border-radius: 7px;
	/* CSS3草案 */
	-webkit-border-radius: 7px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;
	/* Firefox用 */
	margin: 25px 0;
	line-height: 160%;
	padding: 0;
	clear: both;
}

#main .btn_more a span {
	display: block;
	margin: 10px 15px;
}

/* 12. form styles
================================================== */
#main .bar_mihonshi,
#main .bar_pen,
#main .bar_syodou,
#main .bar_jidou {
	width: 100%;
}

#main .bar_mihonshi li,
#main .bar_pen li,
#main .bar_syodou li,
#main .bar_jidou li {
	float: left;
	text-align: center;
	display: block;
	font-weight: bold;
	padding-top: 5px;
}

#main .bar_mihonshi li.box02,
#main .bar_pen li.box02,
#main .bar_syodou li.box02,
#main .bar_jidou li.box02 {
	width: 29%;
	height: 30px;
	background: #eeeeee;
}

#main .bar_mihonshi li.box01 {
	width: 29%;
	height: 30px;
	background: #f39700;
}

#main .bar_pen li.box01 {
	width: 29%;
	height: 30px;
	background: #00a0e9;
}

#main .bar_syodou li.box01 {
	width: 29%;
	height: 30px;
	background: #638c0b;
}

#main .bar_jidou li.box01 {
	width: 29%;
	height: 30px;
	background: #f46e7d;
}

#main .wpcf7-text {
	padding: 10px 0;
}

#main .wpcf7-select {
	padding: 10px 0px;
}

#main .wpcf7-submit {
	background: #f39700;
	background: -moz-linear-gradient(top, #fbe35e 0%, #f39800);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbe35e), to(#f39800));
	border: 1px solid #DDD;
	width: 100%;
	height: 60px;
}

#main .reset,
#main #wpcf7-modify {
	width: 100%;
	height: 60px;
}

#main span.wpcf7-input-valid-tip,
#topmain span.wpcf7-input-valid-tip {
	width: 150px;
}

#main .wpcf7-modify {
	width: 100%;
}

#bar_confirm {
	display: none;
}

#main .caution {
	font-size: 12px;
	color: red;
	font-weight: bold;
}

#main .caution2 {
	font-size: 12px;
	font-weight: bold;
}

#main .kanryou {
	width: 96%;
	text-align: center;
	padding: 30px 0px;
	border: 2% solid #EDEDED;
}

#main .example {
	font-size: 80% !important;
}

.table_style6 textarea {
	width: 100%;
	border: solid 1px #d2d2d2;
}

.table_style6 input {
	width: 100%;
	padding: 15px 0;
	border: solid 1px #d2d2d2;
	margin-bottom: 10px;
}

.table_style6 .example {
	padding: 0;
}

.table_style6 input#phone01,
.table_style6 input#phone02,
.table_style6 input#phone03,
.table_style6 input#fax01,
.table_style6 input#fax02,
.table_style6 input#fax03 {
	width: 29%;
}

p input[type="button"] {
	wdith: 100%;
	margin-bottom: 10px;
}

p input[type="submit"] {
	wdith: 100%;
	margin-bottom: 15px;
}

.ajax-loader {
	display: none;
}

.table_style6 input[type="radio"],
.table_style6 input[type="checkbox"] {
	width: auto;
	padding: 0;
	border: none;
	margin-bottom: 10px;
}

.table_style6 input[name="age"] {
	width: 20%;
}

/* 13 : kousyu styles
================================================== */
.syuryo {
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #F00;
	color: #F00;
}

.manin {
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #eb6100;
	color: #eb6100;
}

.wazuka {
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #009944;
	color: #009944;
}

/* 14 : koushihaken styles
================================================== */
/* h3 */
#topmain h2.koushihaken {
	width: 96%;
	padding: 2%;
	margin-left: 0;
}

#topmain h2.koushihaken img {
	width: 100%;
}

#topmain h3.koushihaken {
	display: table-cell;
	font-size: 16px;
	line-height: 140%;
	height: 60px;
	padding-left: 15px;
	vertical-align: middle;
	border-top: 20px #FFF solid;
	border-bottom: 1px #FFF solid;
	background: url(../../images/koushihaken/h3_bg.png) no-repeat 0px center;
}

#topmain .icon_pen {
	background: #00a0e9;
	padding: 5px 0;
	width: 100px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin-top: 25px;
	float: left;
}

#topmain .icon_syodou {
	background: #638c0b;
	padding: 5px 0;
	width: 100px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin-top: 25px;
	float: left;
	margin-left: 10px;
}

#topmain h4 {
	color: #002e73;
	font-weight: bold;
	margin-top: 25px;
}

#topmain table.koushihaken td {
	display: block;
	width: 100%;
	border-bottom: 1px dotted #CCC;
	padding: 15px 0;
}

#topmain .photo,
#topmain .photo img {
	width: 100%;
}

/*プログレスバー*/
#topmain .bar_koushihaken {
	width: 100%;
}

#topmain .bar_koushihaken li {
	float: left;
	text-align: center;
	display: block;
	font-weight: bold;
	padding-top: 5px;
}

#topmain .bar_koushihaken li.box01 {
	width: 29%;
	height: 30px;
	background: #002e73;
}

#topmain .bar_koushihaken li.box02 {
	width: 29%;
	height: 30px;
	background: #eeeeee;
}

#topmain .wpcf7-text {
	padding: 12px 0;
}

#topmain .wpcf7-select {
	padding: 12px 0px;
}

#topmain .wpcf7-submit {
	background: #f39700;
	background: -moz-linear-gradient(top, #fbe35e 0%, #f39800);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbe35e), to(#f39800));
	border: 1px solid #DDD;
	width: 100%;
	height: 60px;
}

#topmain .reset,
#topmain #wpcf7-modify {
	width: 100%;
	height: 60px;
}

#bar_confirm {
	display: none;
}

#topmain .caution {
	font-size: 12px;
	color: red;
	font-weight: bold;
}

#topmain .caution2 {
	font-size: 12px;
	font-weight: bold;
}

#topmain .kanryou {
	width: 100%;
	text-align: center;
	padding: 30px 0px;
	border: 5px solid #EDEDED;
}

#topmain .example {
	font-size: 80% !important;
}

/* 15 : shidousya styles
================================================== */
/* h3 */
#topmain h2.shidousya {
	width: 96%;
	padding: 2%;
	margin-left: 0;
}

#topmain h2.shidousya img {
	width: 100%;
}

#topmain h3.shidousya {
	display: table-cell;
	font-size: 16px;
	line-height: 140%;
	height: 60px;
	padding-left: 15px;
	vertical-align: middle;
	border-top: 20px #FFF solid;
	border-bottom: 1px #FFF solid;
	background: url(../../images/shidousya/h3_bg.png) no-repeat 0px center;
}

#topmain .leadTxt {
	font-size: 16px;
	color: #a40035;
	margin-bottom: 15px;
}

#topmain .dotline2 {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	width: 300px;
	margin: 15px 0;
	padding: 5px 0;
}

#topmain .dotline3 {
	border-top: 1px dotted #CCC;
	margin-top: 15px;
	padding-top: 15px;
}

#topmain .voice {
	background-color: #f6e5ea;
	border-radius: 20px;
	padding: 15px;
	margin-bottom: 10px;
}

#topmain h4.shidousya {
	font-size: 18px;
	color: #a40035;
	margin-top: 40px;
	margin-bottom: 10px;
	font-weight: bold;
}

#topmain .imgRight {
	float: none;
	width: 90%;
	padding: 5%;
	margin-left: 0;
}

#topmain .imgRight02 {
	float: none;
	width: 90%;
	padding: 5%;
	margin-left: 0;
	clear: both;
}

#topmain .imgLeft {
	float: none;
	width: 90%;
	padding: 5%;
}

#topmain .imgLeft02 {
	float: none;
	width: 90%;
	padding: 5%;
}

#topmain .imgLeft03,
#topmain .imgRight03 {
	float: left;
	width: 45%;
	padding: 2%;
	margin-right: 0;
}