/*
20160808hatano
*/

@charset "utf-8";
/* --------------------------------------
ブラウザスタイル初期化
--------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
html, body {
	width: 100%;
}
.left {
float:left;
}
.right{
float:right;
}
/* --------------------------------------
背景＆基本設定
--------------------------------------*/
body {
	font-size: 14px;
	color: #080808;
	background-color: #f3f3f3;
background-image: url("img/bg.png");
	font-family: "MS PGothic", Arial, "Hiragino Kaku Gothic ProN", "Osaka", sans-serif;
	line-height: 1.7;
	-webkit-text-size-adjust: none;
	min-width: 980px;
background-position:center top;
background-repeat:no-repeat;
/* background-repeat:repeat-x; */
/* background-repeat:repeat-y; */

/* font-family:'MS UI 明朝','MS UI mincho','MS明 朝','MS mincho'; */
/* font-family:'Century Gothic','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku','MS UI Gothic'; */
}
img {
	border: none;
}
a {
	color: #000;
	text-decoration: underline;
}
a:link {
	color: #000;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
ol {
	margin-left: 25px;
}
hr {
	overflow: hidden;
	height: 0;
	border: #bdbdbd dotted 1px;
	margin: 5px 0 15px 0;
}
/* --------------------------------------
レイアウト定義
--------------------------------------*/
#base {
/*background-image:url("img/bg_s.png");
background-repeat:repeat;
width:100%;*/
}
#bg {
}
.wrapper {
	margin: 0px auto;
	padding: 0;
	width: 960px;
	z-index: 1;
	position: relative;
}
#simplegallery1 {
	clear: both;
	margin-bottom: 10px;
	z-index: 2;
}
#imagebox {
	clear: both;
	z-index: 2;
	margin: 0 auto;
	width: 960px;
}
#content {
	background-color: white;
	padding-top: 10px;
	padding-bottom: 30px;
}
#content img {
}
#pan {
	font-size: 10px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	margin: 7px 10px 20px 10px;
}
#content #main {
	display: inline;
	width: 710px;
	float: right;
	margin-right: 10px;
}
/* --------------------------------------
各ページタイトル
--------------------------------------*/

#content #main .singletitle a, #content #main .title a {
	color: #ff6000;
	text-decoration: none;
}
/* --------------------------------------
サイドタイトル
--------------------------------------*/

#content #side {
	display: inline;
	width: 210px;
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}

#content #side h3 {
	height: 23px;
	background-image: url("img/bg_title_side.png");
	background-repeat: no-repeat;
	border-top: 0px solid #ff6000;
	border-bottom: #FFF 1px solid;
	text-align: left;
	margin: 0;
	width: 187x;
	padding: 8px 0 3px 23px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background-color: #002F55;
	background-repeat: no-repeat;
	text-align: left;
	margin: 0;
}
/* --------------------------------------
サイドメニューリスト
--------------------------------------*/

#content #side ul {
	background-color: #EBF5FE;
	margin: 0;
	list-style: none;
	_border-bottom: 1px #FFF solid;
}
#content #side li {
	font-size: 12px;
	border-top: #FFF 1px solid;
	border-bottom: #c8d6e3 1px solid;
	background-image: url("img/btn_side.png");
	background-repeat: no-repeat;
	background-position: left 12px;
	text-align: left;/* border-top:#FFF 1px solid; */
/* border-bottom:#e4e4e4 1px dotted;*/
}
#content #side li a {
	display: block;
	color: #080808;
	text-decoration: none;
	padding: 5px 2px 5px 15px;
}
#content #side ul.children, #content #side ul.sub-menu {
	margin-left: 20px;
}
#content #side ul.children li:last-child, #content #side ul.sub-menu li:last-child {
	border: none;
}
#content #side img{
	max-width: 100%;
}
/* --------------------------------------
？
--------------------------------------*/

#content #side .blogtxt {
	list-style: inside none;
	padding: 3px 15px;
	border-top: #FFF 1px solid;
	border-bottom: #FFF 1px solid;
}
#content #side .blogtxt .blogday {
	font-size: 10px;
font-family:font-family:Arial, Helvetica, sans-serif;
}
/*サイドの各項目に適用*/
.side_area {
	margin-bottom: 15px;
}
.side_area select {
	margin: 3px 0 0 10px;
}
#side img {
	text-align: center;
}
.banar {
	margin-top: 20px;
	font-size: 11px;
}
.ddsg -wrapper li {
	list-style: lower-roman;
	margin-left: 30px;
}
/* --------------------------------------
マウスオーバー設定
--------------------------------------*/

#content #main a:hover img {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
#content #side a:hover img {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
#content #side li:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60);/* ie */
	-ms-filter: "alpha( opacity=60 )";
	background: #FFF;/* border-left:#ff6000 2px solid; */
}
/* --------------------------------------
ヘッダー定義
--------------------------------------*/
#header {
	width: 960px;
	height:91px;
	overflow:hidden;
	background-image: url("img/bg_header.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
}
.header_l {
	float: left;
width:465px;
height:91px;
}
.header_r {
	float: right;
width:495px;
height:91px;
}
/* --------------------------------------
フッター定義
--------------------------------------*/
#footer {
	clear: both;
	text-align: center;
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 0px solid #ff6000;
	background-color: #102e67;
	_margin-bottom: 0px;
*margin-bottom:0px;
}
/* フッター文字色定義 */
#footer, #footermenu ul a, #copyright a {
	color: #fff;
}
#footermenu {
	margin: 10px 10px;
	text-align: center;
}
#footermenu ul {
	display: inline;
}
#footermenu ul li {
	display: inline-block;
*display: inline;
*zoom: 1;
	font-size: 11px;
	padding: 0 10px;
	width: auto;
	white-space: nowrap;
}
#footermenu ul a {
	text-decoration: none;
}
#copyright {
	padding: 0 0 10px 20px;
	background-color: #102e67;
}
#copyright a {
	text-decoration: none;
}
/* --------------------------------------
コンテンツ共通パーツ
--------------------------------------*/
/* お客様編集時のためにここは変えない */
#content #main p {
	margin-bottom: 20px;
	padding: 0;
}
#content #main .singleline {
	overflow: hidden;
}
.dotted {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}
/* --------------------------------------
見出し設定
--------------------------------------*/
/* h1共通部分 */
#content #main h1.singletitle, #content #main h1, h1 {
	clear: both;
	color: #002F55;
	font-size: 22px;
	font-weight: bold;
	padding: 15px 0px;
	border-bottom: 1px solid #002F55;
	border-top: 1px solid #002F55;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
	line-height: normal;
	margin-top: 45px;
}
/* コンテンツ中のh1上margin */
#content #main h1.title {
	margin-top: 0px;
}


#content #main h2, h2 {
	clear: both;
	height: 22px;
	color: #002F55;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 0 3px 20px;
	background-color: #ffffff;
	background-image: url("img/bg_title_h1.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top: 0px solid #ff6000;
	letter-spacing: 0.5px;
	margin: 30px 0 20px 0;
	line-height: normal;
}


#content #main h3, h3 {
	clear: both;
	height: 24px;
	color: #2c5ebc;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 0 0 15px;
	background-image: url("img/bg_title_h2.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	letter-spacing: 2px;
	margin: 30px 0 10px 0;
	line-height: normal;
}

#content #main h4, h4 {
	clear: both;/*
	color: #2a4378;*/
	color: #847670;
	border-bottom: #2a4378 dotted 1px;
	font-size: 15px;
	margin: 25px 0 10px 0;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: normal;
	padding: 10px 0 3px 0;
	height: 19px;
}

#content #main h5, h5 {
	clear: both;
	color: #2a4378;
	font-size: 15px;
	margin: 20px 0 10px 0;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: normal;
}
/*special css*/

/*end special css*/


/* --------------------------------------
WordPress FCKEditor table
--------------------------------------*/

table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
td {
	border: 1px solid #c7c7c7;
	padding: 10px;
}
/* --------------------------------------
テーブル
--------------------------------------*/

.tablestyle {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
.tdstyle {
/*
	background-color: #EFF8FF;
	border: 1px solid #C9E0EF;
*/
	background-color: #F8F2EF;
border:1px solid #EAD8CE;

	padding: 8px 10px;
	width: 30%;
	text-align: center;
}

.tdstyle_2 {
	background-color: #dfedff;
	border:1px solid #CFE3FD;
	padding: 8px 10px;
	width: 30%;
	text-align: center;
}

.tdstyle_none {
	background-color: #EFF8FF;
border:1px solid #C1ACA3;
	padding: 8px 10px;
	text-align: center;
}
/* 左寄せ */
.tdstyle2 {
	border-color: #EAD8CE;
	border-style: solid;
	border-width: 1px;
	padding: 8px 10px;
	text-align: left;
}

/* 右寄せ */
.tdstyle3 {
	border-color: #EAD8CE;
	border-style: solid;
	border-width: 1px;
	padding: 8px 10px;
	text-align: right;
}

/* 右寄せ */
.tdstyle3_2 {
	border-color: #CFE3FD;
	border-style: solid;
	border-width: 1px;
	padding: 8px 10px;
	text-align: right;
}

/* 中央寄せ */
.tdstyle4 {
	border-color: #EAD8CE;
	border-style: solid;
	border-width: 1px;
	padding: 8px 10px;
	text-align: center;
}

/*special css*/

/*end special css*/



/* --------------------------------------
<div class="sq?"></div>での 飾り設定
--------------------------------------*/

/* 色:グレー */
.sq1 {
	border: 1px solid #ECEBEB;
	background-color: #F3F3F3;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:グレー */
.sq2 {
	border: 5px solid #F3F3F3;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 色:ピンク */
.sq3 {
	border: 1px solid #FFE8E8;
	background-color: #fff1f4;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:ピンク */
.sq4 {
	border: 5px solid #D0E8FF;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
	;
}
/* 色:緑 */
.sq5 {
	border: 1px solid #E7F9D4;
	background-color: #efffe9;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:緑 */
.sq6 {
	border: 5px solid #EFF8FF;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 色:水色 */
.sq7 {
	border: 1px solid #E3F8F6;
	background-color: #F0FDFB;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:水色 */
.sq8 {
	border: 5px solid #F8F2EF;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 色:青 */
.sq9 {
	border: 1px solid #e3effb;
	background-color: #F9FCFF;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:青 */
.sq10 {
	border: 5px solid #e3effb;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 色:ゴールド */
.sq11 {
	border: 1px solid #EBD1B8;
	background-color: #F9E8D5;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:ゴールド */
.sq12 {
	border: 5px solid #F8F0E4;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 色:オレンジ */
.sq13 {
	border: 1px solid #EBD1B8;
	background-color: #FFDDC0;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:オレンジ */
.sq14 {
	border: 5px solid #FFDDC0;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 色:黄色 */
.sq15 {
	border: 1px solid #F5F5BE;
	background-color: #FDFDCA;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:黄色 */
.sq16 {
	border: 5px solid #FDFDCA;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 色:薄茶 */
.sq17 {
	border: 1px solid #EBD1B8;
	background-color: #ebd9d0;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:薄茶 */
.sq18 {
	border: 5px solid #ebd9d0;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 色:紫 */
.sq19 {
	border: 1px solid #D7C8E3;
	background-color: #F7EAFF;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み:紫 */
.sq20 {
	border: 5px solid #F7EAFF;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
.sq_contact{
	border: 1px solid #e3effb;
	background: #F9FCFF;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
	position: relative;
}
.sq_contact:before{
	content:"";
	display: block;
	width: 130px;
    height: 120px;
	background:url(img/cat.png)right 10px center no-repeat;
	background-size:contain;
	position: absolute;
	right:10px;
	bottom:0;
}
.sp_only{display: none;}
/* 囲み：赤 */
.sqred {
	border: 1px solid #f29e9e;
	background-color: #fffafa;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}
/* 囲み：二重線 */
.nizyuu {
	border-width: 4px;
	border-style: double;
}
/* 囲み：点線 */
.tensen {
	border-width: 3px;
	border-style: dotted;
}
/* 囲み：角丸 */
.radious {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*special css*/

/*end special css*/


/* --------------------------------------
便利ボタン１
--------------------------------------*/
.line {
	color: #ff6000;
	border-bottom: 2px solid #ff6000;
	padding-bottom: 2px;
}
.line a {
	color: #ff6000;
	text-decoration: none;
}
.btn_40px {
	background-image: url("img/btn_bg40px.png");
	background-repeat: repeat-x;
	border: #CCCCCC 1px dotted;
	color: #ff6000;
	font-size: 14px;
	width: 198px;
	_width: 196px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
	line-height: 150%;
}
.btn_60px {
	background-image: url("img/btn_bg60px.png");
	background-repeat: repeat-x;
	border: #CCCCCC 1px dotted;
	color: #ff6000;
	font-size: 14px;
	width: 198px;
	_width: 196px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 40px;
	line-height: 150%;
}
/* --------------------------------------
簡単ボタン２
--------------------------------------*/
.btn1 a, .btn2 a, .btn3 a, .btn4 a, .btn5 a {
	font-weight: bold;
	font-size: 16px;
	color: #ff6000;
	text-decoration: none;
}
.btn6 a {
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
/* yellow */
.btn1 {
	background-image: url("img/btn1.png");
	background-repeat: repeat-x;
	border: #ffc12f 1px solid;
	color: #FFF;
	font-size: 14px;
	width: 198px;
	_width: 196px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
	line-height: 150%;
}
/* green */
.btn2 {
	background-image: url("img/btn2.png");
	background-repeat: repeat-x;
	border: #bbe243 1px solid;
	color: #FFF;
	font-size: 14px;
	width: 198px;
	_width: 196px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
	line-height: 150%;
}
/* blue */
.btn3 {
	background-image: url("img/btn3.png");
	background-repeat: repeat-x;
	border: #badaff 1px solid;
	color: #FFF;
	font-size: 14px;
	width: 198px;
	_width: 196px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
	line-height: 150%;
}
/* pink */
.btn4 {
	background-image: url("img/btn4.png");
	background-repeat: repeat-x;
	border: #ffcae4 1px solid;
	color: #FFF;
	font-size: 14px;
	width: 198px;
	_width: 196px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
	line-height: 150%;
}
/* vage */
.btn5 {
	background-image: url("img/btn5.png");
	background-repeat: repeat-x;
	border: #ddcbb8 1px solid;
	color: #FFF;
	font-size: 14px;
	width: 198px;
	_width: 196px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
	line-height: 150%;
}
/* yellow */
.btn6 {
	background-image: url("img/btn6.png");
	background-repeat: repeat-x;
	border: #ff9800 1px solid;
	color: #FFF;
	font-size: 14px;
	width: 198px;
	_width: 196px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
	line-height: 150%;
}
/*special css*/

/*end special css*/





/* --------------------------------------
テキスト飾り設定
--------------------------------------*/

.hosoku {
	color: #5a5a5a;
	font-size: 90%;
	margin: 10px 0;
	line-height: 1.7;
}
.fs2 {
	font-size: 114.2857%;
}
.fs3 {
	font-size: 130%;
}
.fs4 {
	font-size: 160%;
}
.fs5 {
	font-size: 200%;
}
.mt0 {
	margin-top: 0px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.ml10 {
	margin-left: 10px !important;
	;
}
.ml15 {
	margin-left: 15px !important;
	;
}
.ml20 {
	margin-left: 20px !important;
	;
}
.ml25 {
	margin-left: 25px !important;
	;
}
.ml30 {
	margin-left: 30px !important;
	;
}
.yellow {
	background-color: #FFFF85;
	padding: 4px 5px 2px 5px;
	font-weight: normal;
}
.azuki {
	color: #e60000;
}
.uline {
	color: #F00;
	text-decoration: underline;
	font-style: italic;
}
/*チェックボックスの付くリスト*/
ul.check_red li {/*赤*/
	background-image: url(img/check_red.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 2px 0;
	min-height: 19px;
}
ul.check_blue li {/*青*/
	background-image: url(img/check_blue.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 2px 0;
	min-height: 19px;
}
ul.check_green li {/*緑*/
	background-image: url(img/check_green.png);
	padding-left: 33px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 2px 0;
	min-height: 21px;
}
ul.check_yellow li {/*黄*/
	background-image: url(img/check_yellow.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 2px 0;
	min-height: 19px;
}
ul.arrow li {
	background-image: url(img/arrow.png);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 2px 0;
	min-height: 15px;
}
ul.arrow2 li {
	background-image: url(img/arrow2.png);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 2px 0;
	min-height: 13px;
}
/*special css*/

/*end special css*/



/* --------------------------------------
Q&A
--------------------------------------*/
.q {
color:#DF3B69;
	padding: 4px;
	font-weight: bold;
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:18px;
}
.a {
	padding: 7px 4px 1px 2em;
	border-bottom: #CCC 1px dotted;
	margin: 0 0 20px 0;
	text-indent: -1.7em;
}
.a strong{
color:#847670;
margin-right:5px;
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
/* --------------------------------------
WordPress 画像貼付け用
--------------------------------------*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
	display: inline;
}
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
	display: inline;
}
/* --------------------------------------
汎用クラス定義
--------------------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height:  auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------
グローバルナビ定義（gnavi・グロナビ）
------------------------------------- */
#headnav {
	width: 960px; /*ナビ全体の横幅*/
	height: 50px;/*ナビの高さ*/
}
#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	height: 50px;/*ナビの高さ*/
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menu li a:hover {
	background-position: 0 -50px;/*ナビの高さ*/
}
#menu li a#head_navi1 {
	background-image: url(img/gloval_navi1.png);/*ナビの画像1*/
	width: 218px;
}
#menu li a#head_navi2 {
	background-image: url(img/gloval_navi2.png); /*ナビの画像2*/
	width: 110px;
}
#menu li a#head_navi3 {
	background-image: url(img/gloval_navi3.png);/*ナビの画像3*/
	width: 136px;
}
#menu li a#head_navi4 {
	background-image: url(img/gloval_navi4.png); /*ナビの画像4*/
	width: 132px;
}
#menu li a#head_navi5 {
	background-image: url(img/gloval_navi5.png); /*ナビの画像5*/
	width: 148px;
}
#menu li a#head_navi6 {
	background-image: url(img/gloval_navi6.png); /*ナビの画像6*/
	width: 98px;
}
#menu li a#head_navi7 {
	background-image: url(img/gloval_navi7.png); /*ナビの画像7*/
	width: 118px;
}
/*LightBoxへの影響回避*/
#headnav {/*IE7対策*/
	position: relative;
	z-index: 100;
}
#overlay {
	z-index: 1000 !important;
}
#lightbox {
	z-index: 9999 !important;
}
/*++++++++++++++++ nav button set ++++++++++++++++*/
.button a {
	float: left;
	border-right: 1px solid #7A0114;   /* 上部メニューボタンの区切り線の色が設定できます */
	background: #C58D9A;   /* 上部メニューボタンの背景色が設定できます */
	height: 30px;
	margin: 0;
	padding: 7px 15px 7px 15px;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #fff; /* 上部メニューボタンの文字色が設定できます */
	display : block;
}
html>body .button a {
	height: 16px;
	font-size: small;
}
.button a.active, .button a:hover {
	background: #fff;   /* 上部メニューボタンの背景色（マウスオンの状態）が設定できます */
	color: #C58D9A;   /* 上部メニューボタンの文字色（マウスオンの状態）が設定できます */
}
.button a.selected {
	background: #fff;   /* 上部メニューボタンの背景色（セレクト時）が設定できます */
	color: #C58D9A;   /* 上部メニューボタンの文字色（セレクト時）が設定できます */
}
.button a:active.selected, .button a:hover.selected {
	background: #fff;   /* 上部メニューボタンの背景色（セレクト時のマウスオンの状態）が設定できます */
	color: #C58D9A;   /* 上部メニューボタンの文字色（セレクト時のマウスオンの状態）が設定できます */
}
.button a.nolink {
	background: #C58D9A;   /* 上部メニューボタンの背景色（リンクなし）が設定できます */
	color: #ccc;   /* 上部メニューボタンの文字色（リンクなし）が設定できます */
}
/* --------------------------------------
tenmpalte2用
--------------------------------------*/
.profile {
	width: 550px;
	height: 100%;
	margin-left: 120px;
}
/* --------------------------------------
RSS用
--------------------------------------*/
#feed_new {
	background-color: #F5F3F3;
	font-size: 11px;
	color: #ff6000;
	padding: 5px 10px 0 10px;
	_padding: 5px 10px 0 10px;
	margin: 0px;
	line-height: 130%;
}
#feed_new li {
	border-bottom: #CCCCCC dotted 1px;
	list-style: none;
	padding-bottom: 5px;
}
#feed_new a {
	font-size: 13px;
}
/* --------------------------------------
コンテンツ部分のdiv&pにおけるimg飛び出しの解除
--------------------------------------*/
/* -------
div
----------*/
#main div:after {
	content: ".";/* 新しい要素を作る */
	display: block;/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
#main div {
	min-height: 1px;
}
* html #main div {
	height: 1px;
}
/* -------
p
----------*/
/*20151104よりコメントアウトで様子見
#main p:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#main p{
min-height: 1px;
}

* html #main p{
height: 1px;

}
*/


/* -------
fontcontrol
----------*/
#control {
	position: absolute;
	top: 5px;
	right: 5px;
}
#control a {
	color: white;
	text-decoration: none;
}
#control a:hover {
	text-decoration: underline;
}
span#intro {
	font-size: 13px;
	margin-right: 5px;
}
span#f-big {
	background-color: black;
	padding: 2px 4px;
	margin-right: 2px;
}
span#f-medium {
	background-color: black;
	padding: 2px 4px;
	margin-right: 2px;
}
span#f-small {
	background-color: black;
	padding: 2px 4px;
}
/* --------------------------------------
中央寄せ・右寄せ
--------------------------------------*/
.ac {
	text-align: center;
}
.ar {
	text-align: right;
}
.al {
	text-align: left;
}
/* --------------------------------------
リスト（FontAwesome)
--------------------------------------*/
ul.li_1 {
	margin-bottom: 20px;
}
ul.li_1 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_1 li:before {
	content: " \f14a";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -1.5em;
}
ul.li_2 {
	margin-bottom: 20px;
}
ul.li_2 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_2 li:before {
	color: #008600;
	content: " \f046";
	font-family: FontAwesome;
	position: absolute;
	font-weight: normal;
	left: -20px;
	top: 2px;
}
ul.li_3 {
	margin-bottom: 20px;
}
ul.li_3 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_3 li:before {
	content: " \f058";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
top:-2px;
font-size:120%;
}
ul.li_4 {
	margin-bottom: 20px;
}
ul.li_4 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_4 li:before {
	content: " \f05d";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
}
ul.li_5 {
	margin-bottom: 20px;
}
ul.li_5 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_5 li:before {
	content: " \f0a9 ";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
}
ul.li_6 {
	margin-bottom: 20px;
}
ul.li_6 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_6 li:before {
	content: " \f18e";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
}
ul.li_7 {
	margin-bottom: 20px;
}
ul.li_7 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_7 li:before {
	content: " \f138";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
}
ul.li_8 {
	margin-bottom: 20px;
}
ul.li_8 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_8 li:before {
	content: " \f152";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
}
ul.li_9 {
	margin-bottom: 20px;
}
ul.li_9 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_9 li:before {
	content: " \f0da";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -15px;
}
ul.li_10 {
	margin-bottom: 20px;
}
ul.li_10 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_10 li:before {
	content: " \f069";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
}
ul.li_11 {
	margin-bottom: 20px;
}
ul.li_11 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_11 li:before {
	content: " \f111";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
}
ul.li_12 {
	margin-bottom: 20px;
}
ul.li_12 li {
	position: relative;
	margin-left: 23px;
	margin-bottom: 5px;
}
ul.li_12 li:before {
	content: " \f192";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: -20px;
}
ul.b_gray li:before {
	color: #D9D8D8;
}
ul.b_pink li:before {
	color: #F79698;
}
ul.b_green li:before {
	color: #CAFDB1;
}
ul.b_skyblue li:before {
	color: #A0DFF3;
}
ul.b_blue li:before {
	color: #608AEB;
}
ul.b_gold li:before {
	color: #C1ACA3;
}
ul.b_orange li:before {
	color: #FB8230;
}
ul.b_yellow li:before {
	color: #F8EE6D;
}
ul.b_azuki li:before {
	color: #731F21;
}
ul.b_purple li:before {
	color: #AA79E7;
}
/* --------------------------------------
レイアウトbox(2列・3列・4列)
--------------------------------------*/

.two_box {
	width: 350px;
	box-sizing: border-box;
	padding: 5px;
	float: left;
	margin: 0 0 15px 10px;
}
.two_box:first-child {
	margin-left: 0;
}
.three_box {
	width: 230px;
	box-sizing: border-box;
	padding: 5px;
	float: left;
	margin: 0 0 15px 10px;
}
.three_box:first-child {
	margin-left: 0;
}
.four_box {
	width: 170px;
	box-sizing: border-box;
	padding: 5px;
	float: left;
	margin: 0 0 15px 10px;
}
.four_box:first-child {
	margin-left: 0;
}
/* --------------------------------------
リンクボタン
--------------------------------------*/

.link_green {
	border: 1px solid #A8BF75;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #cee6b3);
	background-image: -moz-linear-gradient(top, #ffffff, #cee6b3);
	background-image: -ms-linear-gradient(top, #ffffff, #cee6b3);
	background-image: -o-linear-gradient(top, #ffffff, #cee6b3);
	background-image: linear-gradient(to bottom, #ffffff, #cee6b3);
	display: inline-block;
	margin: 10px 0;
}
.link_green a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #496F31;
	padding: 0px 15px;
}
.link_green a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_pink {
	border: 1px solid #F4B1B2;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #FFF0F1);
	background-image: -moz-linear-gradient(top, #ffffff, #FFF0F1);
	background-image: -ms-linear-gradient(top, #ffffff, #FFF0F1);
	background-image: -o-linear-gradient(top, #ffffff, #FFF0F1);
	background-image: linear-gradient(to bottom, #ffffff, #FFF0F1);
	display: inline-block;
	margin: 10px 0;
}
.link_pink a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #E37677;
	padding: 0px 15px;
}
.link_pink a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_skyblue {
	border: 1px solid #9EDDF8;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #EDFBFF);
	background-image: -moz-linear-gradient(top, #ffffff, #EDFBFF);
	background-image: -ms-linear-gradient(top, #ffffff, #EDFBFF);
	background-image: -o-linear-gradient(top, #ffffff, #EDFBFF);
	background-image: linear-gradient(to bottom, #ffffff, #EDFBFF);
	display: inline-block;
	margin: 10px 0;
}
.link_skyblue a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #4593D4;
	padding: 0px 15px;
}
.link_blue {
	border: 1px solid #9EB0CF;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #E4F2FD);
	background-image: -moz-linear-gradient(top, #ffffff, #E4F2FD);
	background-image: -ms-linear-gradient(top, #ffffff, #E4F2FD);
	background-image: -o-linear-gradient(top, #ffffff, #E4F2FD);
	background-image: linear-gradient(to bottom, #ffffff, #E4F2FD);
	display: inline-block;
	margin: 10px 0;
}
.link_blue a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #22418B;
	padding: 0px 15px;
}
.link_skyblue a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_gold {
	border: 1px solid #C0AA8D;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #FCEDD9);
	background-image: -moz-linear-gradient(top, #ffffff, #FCEDD9);
	background-image: -ms-linear-gradient(top, #ffffff, #FCEDD9);
	background-image: -o-linear-gradient(top, #ffffff, #FCEDD9);
	background-image: linear-gradient(to bottom, #ffffff, #FCEDD9);
	display: inline-block;
	margin: 10px 0;
}
.link_gold a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #886A50;
	padding: 0px 15px;
}
.link_gold a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_orange {
	border: 1px solid #EF963E;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #F7BB6F, #FCA26D);
	background-image: -moz-linear-gradient(top, #F7BB6F, #FCA26D);
	background-image: -ms-linear-gradient(top, #F7BB6F, #FCA26D);
	background-image: -o-linear-gradient(top, #F7BB6F, #FCA26D);
	background-image: linear-gradient(to bottom, #F7BB6F, #FCA26D);
	display: inline-block;
	margin: 10px 0;
}
.link_orange a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #fff;
	padding: 0px 15px;
}
.link_orange a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_yellow {
	border: 1px solid #E3DEA2;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #F8FDC3);
	background-image: -moz-linear-gradient(top, #ffffff, #F8FDC3);
	background-image: -ms-linear-gradient(top, #ffffff, #F8FDC3);
	background-image: -o-linear-gradient(top, #ffffff, #F8FDC3);
	background-image: linear-gradient(to bottom, #ffffff, #F8FDC3);
	display: inline-block;
	margin: 10px 0;
}
.link_yellow a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #5F4E39;
	padding: 0px 15px;
}
.link_yellow a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_azuki {
	border: 1px solid #BC8F90;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #AF5C5D, #7C2829);
	background-image: -moz-linear-gradient(top, #AF5C5D, #7C2829);
	background-image: -ms-linear-gradient(top, #AF5C5D, #7C2829);
	background-image: -o-linear-gradient(top, #AF5C5D, #7C2829);
	background-image: linear-gradient(to bottom, #AF5C5D, #7C2829);
	display: inline-block;
	margin: 10px 0;
}
.link_azuki a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #fff;
	padding: 0px 15px;
}
.link_azuki a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_purple {
	border: 1px solid #EECCF3;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #F7E5FD);
	background-image: -moz-linear-gradient(top, #ffffff, #F7E5FD);
	background-image: -ms-linear-gradient(top, #ffffff, #F7E5FD);
	background-image: -o-linear-gradient(top, #ffffff, #F7E5FD);
	background-image: linear-gradient(to bottom, #ffffff, #F7E5FD);
	display: inline-block;
	margin: 10px 0;
}
.link_purple a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #B251C3;
	padding: 0px 15px;
}
.link_purple a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_red {
	border: 1px solid #F96062;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #F47B7D, #D85658);
	background-image: -moz-linear-gradient(top, #F47B7D, #D85658);
	background-image: -ms-linear-gradient(top, #F47B7D, #D85658);
	background-image: -o-linear-gradient(top, #F47B7D, #D85658);
	background-image: linear-gradient(to bottom, #F47B7D, #D85658);
	display: inline-block;
	margin: 10px 0;
}
.link_red a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #ffffff;
	padding: 0px 15px;
}
.link_red a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
/* --------------------------------------
フォームボタン
--------------------------------------*/
p.sbtn_1 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: #96cff5;
	background-image: -webkit-linear-gradient(top, #96cff5, #3297d6);
	background-image: -moz-linear-gradient(top, #96cff5, #3297d6);
	background-image: -ms-linear-gradient(top, #96cff5, #3297d6);
	background-image: -o-linear-gradient(top, #96cff5, #3297d6);
	background-image: linear-gradient(to bottom, #96cff5, #3297d6);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
}
p.sbtn_2 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: #fac871;
	background-image: -webkit-linear-gradient(top, #fac871, #eb7f36);
	background-image: -moz-linear-gradient(top, #fac871, #eb7f36);
	background-image: -ms-linear-gradient(top, #fac871, #eb7f36);
	background-image: -o-linear-gradient(top, #fac871, #eb7f36);
	background-image: linear-gradient(to bottom, #fac871, #eb7f36);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
}
p.sbtn_3 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: #f0a3a3;
	background-image: -webkit-linear-gradient(top, #f0a3a3, #f07171);
	background-image: -moz-linear-gradient(top, #f0a3a3, #f07171);
	background-image: -ms-linear-gradient(top, #f0a3a3, #f07171);
	background-image: -o-linear-gradient(top, #f0a3a3, #f07171);
	background-image: linear-gradient(to bottom, #f0a3a3, #f07171);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
}
p.sbtn_4 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: #ebd3b0;
	background-image: -webkit-linear-gradient(top, #ebd3b0, #b38541);
	background-image: -moz-linear-gradient(top, #ebd3b0, #b38541);
	background-image: -ms-linear-gradient(top, #ebd3b0, #b38541);
	background-image: -o-linear-gradient(top, #ebd3b0, #b38541);
	background-image: linear-gradient(to bottom, #ebd3b0, #b38541);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
}
p.sbtn_5 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	border: none;
	background: #f0ece4;
	background-image: -webkit-linear-gradient(top, #f0ece4, #bdb8b3);
	background-image: -moz-linear-gradient(top, #f0ece4, #bdb8b3);
	background-image: -ms-linear-gradient(top, #f0ece4, #bdb8b3);
	background-image: -o-linear-gradient(top, #f0ece4, #bdb8b3);
	background-image: linear-gradient(to bottom, #f0ece4, #bdb8b3);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
}
p.maru input[type="submit"] {
	-webkit-border-radius: 30;
	-moz-border-radius: 30;
	border-radius: 30px;
	padding: 8px 20px 8px 20px;
	text-shadow: 1px 1px 3px #666666;
	box-shadow: 0px 0px 6px 3px #e6e6e6;
	-moz-box-shadow: 0px 0px 6px 3px #e6e6e6;
	-webkit-box-shadow: 0px 0px 6px 3px #e6e6e6;
}
p.sbtn_1 input:hover{
	background: #409FDB;
}
p.sbtn_2 input:hover{
	background: #ec802e;
}
p.sbtn_3 input:hover{
	background: #ee6d6d;
}
p.sbtn_4 input:hover{
	background: #b38746;
}
p.sbtn_5 input:hover{
	background: #bbb6af;
}

/*special css*/

.mincho{
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.pink{
color:#DF3B69;
}
.beige{
color:#C1ACA3;
}
.under {
        background: linear-gradient(transparent 60%, #FBF4B8 60%);
}
.home #content #main h1{
border-top:#102E67 1px solid;
border-bottom:#102E67 1px solid;
padding:20px 0;
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
background-image:none;
font-weight:bold;
font-size:20px;
height:auto;
}
.sqpro{
border-left:#CCF2F9 5px solid;
margin:10px 0 20px 0;
padding:10px 0 0 10px;
}
.sqpro2{
border-left:#FFEAEC 5px solid;
margin:10px 0 20px 0;
padding:10px 0 0 10px;
}
.sqpro2 p{
margin:0 !important;
}
.maru{
border-radius:50%;
}
.sqpro_r{
width:180px;
float:right;
}
.sqpro_l{
width:460px;
float:left;
}
.contactbox{
border:#DBDBDB 1px solid;
padding:0 !important;
margin:40px auto;
}
.contactbox img,
.contactbox p{
margin:0 !important;
padding:0 !important;
width:100%;
}
.sqtop {
	border: 1px solid #C1ACA3;
	margin: 0;
	padding: 0;
}
.sqtop2 {
	border: 10px solid #F8F2EF;
	background-color: #fff;
	margin: 0;
	padding: 20px;
}
.kyocho{
background-color:#FFF9CE;
color:#002F55;
font-size:21px;
}
.home #content #main h2.reason1:before{
background-color:#7CA7F6;
color:#fff;
text-align:center;
padding:10px;
font-size:16px;
content:"理由1";
border-radius:10px;
margin-right:10px;
position:absolute;
top:-10px;
left:-75px;
}
.home #content #main h2.reason2:before{
background-color:#7CA7F6;
color:#fff;
text-align:center;
padding:10px;
font-size:16px;
content:"理由2";
border-radius:10px;
margin-right:10px;
position:absolute;
top:-10px;
left:-75px;
}
.home #content #main h2.reason3:before{
background-color:#7CA7F6;
color:#fff;
text-align:center;
padding:10px;
font-size:16px;
content:"理由3";
border-radius:10px;
margin-right:10px;
position:absolute;
top:-10px;
left:-75px;
}
.home #content #main h2.reason4:before{
background-color:#7CA7F6;
color:#fff;
text-align:center;
padding:10px;
font-size:16px;
content:"理由4";
border-radius:10px;
margin-right:10px;
position:absolute;
top:-10px;
left:-75px;
}
.home #content #main h2.reason5:before{
background-color:#7CA7F6;
color:#fff;
text-align:center;
padding:10px;
font-size:16px;
content:"理由5";
border-radius:10px;
margin-right:10px;
position:absolute;
top:-10px;
left:-75px;
}
.home #content #main h2.reason6:before{
background-color:#7CA7F6;
color:#fff;
text-align:center;
padding:10px;
font-size:16px;
content:"理由6";
border-radius:10px;
margin-right:10px;
position:absolute;
top:-10px;
left:-75px;
}
.home #content #main h2.reason7:before{
background-color:#7CA7F6;
color:#fff;
text-align:center;
padding:10px;
font-size:16px;
content:"理由7";
border-radius:10px;
margin-right:10px;
position:absolute;
top:0;
left:-75px;
}

.home #content #main h2{
padding:0 0 0 0;
background-image:none;
height:auto;
position:relative;
margin-left:75px;
line-height:20px;
color:#003AB0;
letter-spacing:1px;
}
.reasontxt{
margin-left:75px;
}
a.linkbtn{
margin: 10px auto;text-align: center;font-size: 16px;display: inline-block;padding: 5px 20px;background-color:#28BDCF;
border:1px solid #049AAB;border-radius: 5px;color:#fff;text-decoration:none;float:right;
}
a.linkbtn:hover{
background: #D6FFFF;color:#049AAB;text-decoration:none;
}
.sqtop3 {
	border: 2px solid #E3EFFB;
	background-color: #fff;
	margin: 10px 0;
	padding: 20px;
}
table.teikei td{
padding:10px;
text-align:center;
border:#fff 5px solid;
}
table.teikei td .hosoku{
font-size:70%;
}
.tdcolor1{
background-color:#d8bfd8;
}
.tdcolor1 strong{
color:#8E698E;
font-size:14px;
border-bottom:dotted 2px #8E698E;
padding:0 10px 2px 10px;
margin-bottom:-10px;
display:block;
}
.tdcolor2{
background-color:#afeeee;
}
.tdcolor2 strong{
color:#479191;
font-size:14px;
border-bottom:dotted 2px #479191;
padding:0 10px 2px 10px;
margin-bottom:-10px;
display:block;
}
.tdcolor3{
background-color:#98fb98;
}
.tdcolor3 strong{
color:#2C7F2C;
font-size:14px;
border-bottom:dotted 2px #2C7F2C;
padding:0 10px 2px 10px;
margin-bottom:-10px;
display:block;
}
.tdcolor4{
background-color:#f0e68c;
}
.tdcolor4 strong{
color:#706928;
font-size:14px;
border-bottom:dotted 2px #706928;
padding:0 10px 2px 10px;
margin-bottom:-10px;
display:block;
}
.tdcolor5{
background-color:#ffdead;
}
.tdcolor5 strong{
color:#C48431;
font-size:14px;
margin-bottom:-10px;
display:block;
}
.tdcolor6{
background-color:#ffccff;
}
.tdcolor7{
background-color:#ccff99;
}
.td2{
font-size: 18px;
color: rgb(128,128,128);
}
.td3{
width:2em;
}
.td4{
font-size: 18px;
color: rgb(128,128,128);
}

dl.price{
padding:0 0 20px 0;
}
dl.price dt{
color:#0D349A;
width:150px;
float:left;
padding-bottom:5px;
}
dl.price dd{
border-bottom:1px dotted #90B4E4;
padding-bottom:5px;
margin-bottom:5px;
}

#content #main h2.course{
/*
background-color:#7AA6F6;
*/
background-color:#C1ACA3;

	clear: both;
	height: auto;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0 10px 20px;
	background-image: none;
	letter-spacing: 2px;
	margin: 30px 0 10px 0;
	line-height: normal;
}
ul.count{
padding-bottom:20px;
}
ul.count li:before {
    content:counter(mycount);
    position: absolute;
    left:0px;
    top:-5px;
    padding: 4px 8px 0 8px;
    background-color: #7CA7F6;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
text-align:center;
width:15px;
height:26px;
}
ul.count li,
ul.count2 li {
    counter-increment:mycount;
color:#0D349A;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}
ul.count2 li:before {
    content:counter(mycount);
    position: absolute;
    left:0px;
    top:-5px;
    padding: 3px 8px 0 8px;
    background-color: #fff;
    font-weight: bold;
    color: #7CA7F6;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
text-align:center;
width:12px;
height:24px;
border: #7CA7F6 1px solid;
}

.flow{
	border: 1px dashed #0D2B65;
	background-color:#FCFDFF;
	margin: 0 0 20px 0;
	padding: 20px;
}
#content #main h2 .step{
background-color:#F8F2EF;
color:#847670;
padding:5px 10px;
margin-right:10px;
}
#content #main h2.flowmidasi{
background-image:none;
padding-left:0;
height:auto;
}
.flow img{
margin-bottom:0 !important;
}
ul.count3 li:before {
    content:counter(mycount);
    position: absolute;
    left:0px;
    top:-5px;
    padding: 4px 8px 0 8px;
    background-color: #C1ACA3;
    font-weight: bold;
    color: #fff;
text-align:center;
width:15px;
height:26px;
}
ul.count3 li{
    counter-increment:mycount;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}
.color1 {
    color:#DF3B69;
text-shadow: 1px 2px 0 white,1px -2px 0 white,-1px 2px 0 white,-1px -2px 0
white,2px 1px 0 white,2px -1px 0 white,-2px 1px 0 white,-2px -1px 0
white,1px 1px 0 white,1px -1px 0 white,-1px 1px 0 white,-1px -1px 0
white,0px 3px 4px #919191;
letter-spacing:2px;
}
.topbox{
text-align:center;
width:650px;
float:left;
padding-top:20px;
margin-top:40px;
}
.topbox img{
margin-top:-20px !important;
}
.topbox .fa-bell{
margin-right:10px;
color:#FFC9E4;
}
.topbox2.onlinetxt{
	position:relative;
}
.topbox2.onlinetxt{
	position:relative;
}
.topbox2.onlinetxt i.type1{
	position:absolute;
	top:0;
	left:0;
}
.topbox2.onlinetxt i.type2{
	position:absolute;
	top:0;
	right:0;
}
.topbox2.onlinetxt p.fs4 .fs3{
	font-size: 120%;
}
.topbox2 {
text-align:center;
width:650px;
padding-top:20px;
margin:40px auto 0 auto;
}
.topbox2 .fa-bell{
margin-right:10px;
color:#FFC9E4;
}
.type1{
transform: rotate(15deg );
}
.type2{
transform: rotate(-15deg );
margin-left:10px;
}

ul.count4 li:before {
    content:counter(mycount);
    position: absolute;
    left:0;
    top:-5px;
    padding: 4px 8px 0 8px;
    font-weight: bold;
text-align:center;
}
ul.count4 li{
    counter-increment:mycount;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

/*end special css*/
.sqsd {
    border: 1px solid rgb(218, 218, 218);
    padding: 15px 10px;
	margin:0px 0px 15px 0px;
}
.sqsd2 {
    border: 1px solid rgb(218, 218, 218);
    padding: 5px;
	margin:0px 0px 15px 0px;
}
.side_box{margin:0 0 15px 0;text-align: center;}
.side_box img{width: 80%;}
.bunner{
margin:0px 0px 10px 0px;
}

.sidebanner{
width:190px;
margin:0px auto;
}
a.banner1 {
border:1px #003C9B solid;
text-align:center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-decoration: none;
display:block;
color: #003C9B;
line-height:1.3;
font-weight:bold;
width:170px;
padding: 10px;
margin-bottom:10px;
}
a.banner2 {
border:1px #D8295F solid;
text-align:center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-decoration: none;
display:block;
color: #D8295F;
line-height:1.3;
font-weight:bold;
width:170px;
padding: 10px;
margin-bottom:10px;
}
a.banner1:hover,
a.banner2:hover {
opacity:0.60; /* opera  firefox safari */
filter: alpha(opacity=60); /* ie */
-ms-filter: "alpha( opacity=60 )";
}
ul.step_list{
list-style-type: decimal;
list-style-position:inside;
background-color:#F9FCFF;
padding:20px;
width:400px;
margin:0 auto 20px auto;
}

ul.step_list li{
margin-bottom:30px;
position:relative;
margin-left:35px;
}

ul.step_list li:before{
content:"STEP";
position:absolute;
margin-left:-50px;
}
ul.step_list li:after{
     content: " \f078";
     font-family: FontAwesome;
     color: #7AA0E8;
position:absolute;
bottom:-25px;
left:-20px;
}
.sqoya {
	background-image: url(img/oyaback.png);
background-repeat:no-repeat;
background-position:cetner top;
background-size:100%;
	border: 5px solid #EFF8FF;
	background-color: #fff;
	margin: 10px 0;
	padding: 0;
}
.oyatxt{
padding:20px;
}
.arside{
float:right;
}