@charset "utf-8";
/*
Theme Name: MiLI
Theme URI: null
Description: Description
Author: Shunc - QP
Version: 1.0
*/

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body {
	font-size: 62.5%;
}

@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium"),
  	   local("Yu Gothic");
  font-weight: 500;
}

body,
table,
input, textarea, select, option {
	font-family: "YuGothic M", "游ゴシック体", "Yu Gothic", YuGothic, "游明朝",YuMincho,"ヒラギノ明朝 Pro W3",serif;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a,
a:link {
	color: #221814;
	text-decoration: none;
}

a:visited {
	color: #221814;
}

a:hover {
	color: #221814;
	text-decoration: underline;
}

a:active {
	color: #221814;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1001px;
	color: #221814;
	font-size: 14px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	position: relative;
	text-align: left;
}

#main {
	padding-top: 37px;
}

#main .mainBox {
	margin: 0 auto;
	width: 1000px;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	margin-bottom: 8px;
	position: relative;
}

#gHeader:before {
	width: 100%;
	height: 27px;
	background: #000;
	position: absolute;
	top: 36px;
	left: 0;
	  
	content: ""; 
}

#gHeader:after {
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	  
	content: ""; 
}

#gHeader.index {
	margin-bottom: 0;
}

#gHeader.index:after {
	display: none;
}

#gHeader .hBox {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

#gHeader .logo {
	padding-left: 29px;
	float: left;
}

#gHeader .rBox {
	padding-top: 41px;
	width: 787px;
	float: right;
}

#gHeader .rBox h1 {
	margin-bottom: 19px;
}

#gHeader .rBox .textImg {
	margin-top: 3px;
	float: left;
}

#gHeader .rBox .subBox02 {
	width: 250px;
	float: right;
}

#gHeader .rBox .search {
	padding: 3px 7px 2px;
	position: relative;
	width: 149px;
	float: left;
	border: 1px solid #C8C8C8;
	border-radius: 4px;
}

#gHeader .rBox .search img {
	margin-right: 10px;
	vertical-align: -4px;
}

#gHeader .rBox .search input {
	padding: 0;
	width: 115px;
	color: #6c6b6c;
	font-size: 13px;
	line-height: 1.2;
	border: none;
}

#gHeader .rBox .search #searchsubmit {
	position: absolute;
	top: 5px;
	left: 7px;
	width: 18px;
	height: 17px;
	background: none;
	border: none;
	opacity: 0;
	cursor: pointer;
	background: url(img/common/h_img01.png) no-repeat left top;
}

#gHeader .rBox .linkList {
	width: 74px;
	float: right;
}

#gHeader .rBox .linkList li {
	margin-top: 5px;
	float: right;
}

#gHeader .rBox .linkList li:first-child {
	margin-top: 0;
	float: left;
}

#gHeader .rBox .linkList li a:hover img {
	opacity: 0.7;
}

.spMenuBox {
	display: none;
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	margin: 0 auto;
	width: 1001px;
}

#gNavi > li {
	margin-right: 1px;
	width: 166px;
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 1.75;
	text-align: center;
}

#gNavi > li > a {
	padding: 12px 2px 15px;
	display: block;
	position: relative;
	text-decoration: none;
	letter-spacing: -1px;
}

#gNavi > li:last-child {
	margin-right: 0;
}

#gNavi > li > a:before {
	display: none;
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	  
	content: ""; 
}

#gNavi > li > a:hover:before,
#gNavi > .on > a:before {
	display: block;
}

#gNavi li ul {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: auto;
	z-index: 200;
}

#gNavi li:hover ul {
	display: block;
}

#gNavi li ul li {
	font-size: 16px;
	line-height: 1.75;
	border-bottom: 1px solid #FFF;
}

#gNavi li ul li:last-child {
	border-bottom: none;
}

#gNavi li ul a {
	padding: 14px 1px 12px;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #A0A0A0;
}

#gNavi li ul a:hover {
	background-color: #BBB;
}

#gNavi li ul .liStyle a {
	letter-spacing: -1.5px;
}

#gNavi li ul .liStyle02 a {
	letter-spacing: -2px;
}

/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	margin: 0 auto 22px;
	width: 996px;
}

#pagePath li {
	margin-right: 4px;
	display: inline-block;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 13px;
}

#pagePath li a {
	margin-right: 10px;
}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	width: 726px;
	float: left;
}

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	width: 226px;
	float: right;
}

#sideBar .sTitle {
	padding: 6px 14px 4px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	background-color: #EFEFEF;
}

#sideBar .sTitle01 {
	margin-bottom: 6px;
}

#main #sideBar .selectBox {
	margin-bottom: 34px;
	padding: 14px;
	position: relative;
	border: 1px solid #EEEFEF;
	text-align: center;
}

#main #sideBar .selectBox .selectTxt {
	padding: 0 48px 0 30px;
	min-width: 153px;
	font-size: 13px;
	border: 1px solid #EEEFEF;
	border-radius: 100px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance:none;
	background: url(img/blog/icon01.gif) no-repeat 80% 50%;
	background-size: 9px 13px;
	height: 24px;
	cursor: pointer;
}

#main #sideBar .selectBox ul {
	margin-left: -77px;
	display: none;
	position: absolute;
	left: 50%;
	top: 38px;
	width: 155px;
}

#main #sideBar .selectBox li {
	border-top: none;
	border: 1px solid #EEEFEF;
	background-color: #FFF;
}

#main #sideBar .selectBox li a {
	display: block;
}

#main #sideBar .selectBox li:first-child {
	border-top: 1px solid #EEEFEF;
}

@media all and (-ms-high-contrast:none){
	#sideBar .sTitle {
		padding: 9px 14px 1px;
	}
}

#sideBar .sList {
	margin-bottom: 34px;
}

#sideBar .sList li {
	margin-top: 4px;
}

#sideBar .sList li a {
	padding: 2px 31px;
	display: block;
	text-decoration: none;
	background: url(img/common/icon01.png) no-repeat 11px center;
	border: 2px solid #F3F3F3;
}

@media all and (-ms-high-contrast:none){
	#sideBar .sList li a {
		padding: 4px 31px 0;
		background: url(img/common/icon01.png) no-repeat 11px center;
	}
}

#sideBar .sList li a:hover,
#sideBar .sList .on a {
	background-color: #A3BDE2;
	border-color: #A3BDE2;
}

#sideBar .sLinkPho a:hover img {
	opacity: 0.7;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding-top: 51px;
	background-color: #EFEFEF;
}

#gFooter .fBox01 {
	margin: 0 auto;
	padding: 0 0 35px;
	width: 860px;
}

#gFooter .fBox01 > ul:first-child {
	margin-bottom: 41px;
}

#gFooter .fBox01 > ul > li {
	margin-right: 20px;
	width: 155px;
	float: left;
	line-height: 1.48;
	background: url(img/common/icon01.png) no-repeat left 2px;
}

#gFooter .fBox01 > ul > li:last-child {
	margin-right: 0;
}

#gFooter .fBox01 .liStyle {
	letter-spacing: -1.5px;
}

#gFooter .fBox01 > ul > li > a,
#gFooter .fBox01 > ul > li > span {
	padding-left: 20px;
	display: inline-block;
}

@media all and (-ms-high-contrast:none){
	#gFooter .fBox01 > ul > li > a {
		background: url(img/common/icon01.png) no-repeat left top;
	}
}

#gFooter .fBox01 li ul {
	margin: 1px 0 0 15px;
}

#gFooter .fBox01 li ul li {
	font-size: 13px;
	line-height: 1.6;
}

#gFooter .fBox01 .ulStyle li {
	margin-top: -16px;
}

#gFooter .fBox02 {
	padding: 29px 0 19px;
	background-color: #000;
}

#gFooter .fBox02 ul {
	text-align: center;
}

#gFooter .fBox02 li {
	margin: 0 25px;
	display: inline-block;
	font-size: 15px;
	line-height: 1.75;
}

#gFooter .fBox02 .content {
	margin: 0 auto;
	position: relative;
	width: 974px;
}

#gFooter .fBox02 .pageTop {
	position: absolute;
	right: 0;
	top: -1px;
}

#gFooter .fBox02 .pageTop a:hover img {
	opacity: 0.7;
}

#gFooter .fBox02 ul {
	margin-bottom: 39px;
}

#gFooter .fBox02 li {
	display: inline-block;
}

#gFooter .fBox02 li a {
	color: #FFF;
}

#gFooter .fBox02 p {
	color: #FFF;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 12px;
	text-align: center;
}

#gFooter .fBox02 p span {
	font-size: 11px;
}


.sp {
	display: none !important;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#main .headLine01 {
	margin: 0 auto;
	position: relative;
	color: #FFF;
	font-size: 24px;
	text-align: center;
}

#main .headLine01:before {
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	top: 51%;
	left: 0;
	  
	content: ""; 
}

#main .headLine01 span {
	padding: 10px 10px 8px;
	position: relative;
	min-width: 306px;
	display: inline-block;
	background-color: #000;
	z-index: 10;
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
#main .headLine02 {
	margin: 0 auto;
	width: 154px;
	height: 154px;
	position: relative;
	display: table;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.56;
	border: 1px solid #000;
	background-color: #FFF;
}

#main .headLine02:before {
	margin-left: -6px;
	width: 12px;
	height: 55px;
	background: url(img/common/arrow02.png) no-repeat left top;
	background-size: 12px 55px;
	position: absolute;
	bottom: -41px;
	left: 50%;
	  
	content: ""; 
}

#main .headLine02 span {
	padding: 10px 10px 15px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/*------------------------------------------------------------
	comTtl
------------------------------------------------------------*/
#main .comTtl {
	padding: 13px 0 12px;
	position: relative;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.34;
	text-align: center;
	border-top: 1px solid #000;
}

#main .comTtl:before {
	margin-left: -56px;
	width: 112px;
	height: 4px;
	background: #000;
	position: absolute;
	top: 0;
	left: 50%;
	  
	content: ""; 
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
#main .comLink {
	text-align: right;
	letter-spacing: -1px;
}

#main .comLink a {
	padding: 4px 0 1px 23px;
	display: inline-block;
	text-decoration: none;
	border-bottom: 2px solid #BFBFBF;
	background: url(img/common/icon01.png) no-repeat left center;
}

#main .comLink a:hover {
	border-bottom-color: #FFF;
}

/*------------------------------------------------------------
	comDl
------------------------------------------------------------*/
#main .comDl {
	line-height: 1.71;
}

#main .comDl dt {
	padding: 15px 7px 2px;
}

#main .comDl dd {
	padding: 0 7px 14px;
	min-height: 48px;
	letter-spacing: -1.5px;
	background: url(img/index/line01.gif) repeat-x left bottom;
}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.indexMainImg {
	position: relative;
}

.indexMainImg img {
	width: 100%;
}

.indexMainImg .slick-dots {
	position: absolute;
	right: 158px;
	bottom: 11px;
	text-align: right;
}

.indexMainImg .slick-dots li {
    position: relative;
    display: inline-block;
	width: 12px;
	height: 12px;
    margin: 0 6px 0 5px;
    padding: 0;
    cursor: pointer;
}

.indexMainImg .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
	width: 12px;
	height: 12px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	background: url(img/index/icon02.png) no-repeat left top;
}

.indexMainImg .slick-dots li.slick-active button {
	background: url(img/index/icon01.png) no-repeat left top;
}

#main.index {
	padding: 0 0 43px;
}

#main.index .bgBox01 {
	margin-bottom: 46px;
	padding: 33px 0 31px;
	background-color: #EFEFEF;
}

#main.index .bgBox01 ul {
	margin: 0 auto;
	width: 1001px;
}

#main.index .bgBox01 li {
	padding-left: 26px;
	float: left;
}

#main.index .bgBox01 li a {
	display: block;
}

#main.index .bgBox01 li a:hover img {
	opacity: 0.7;
}

#main.index .bgBox01 li:first-child {
	padding-left: 0;
}

#main.index .subBox01 {
	margin: 0 1px 48px;
}

#main.index .subBox01 .lBox {
	margin-right: 27px;
	width: 193px;
	float: left;
}

#main.index .subBox01 .lBox form {
	margin: 0 5px 31px 9px;
}

#main.index .subBox01 .lBox form li {
	margin-bottom: 8px;
}

#main.index .subBox01 .lBox form input {
	padding: 5px 5px 3px;
	width: 100%;
	color: #9f9fa0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 13px;
	line-height: 1.54;
	border: 1px solid #CFCFCF;
	box-sizing: border-box;
}

#main.index .subBox01 .lBox form .submit input {
	padding: 3px 5px 4px;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #9FA0A0;
	border: none;
}

#main.index .subBox01 .lBox form .submit {
	margin-bottom: 0;
}

#main.index .subBox01 .lBox form .submit input:hover {
	opacity: 0.7;
}

#main.index .subBox01 .lBox .comTtl02 {
	padding: 17px 0 21px;
}

#main.index .subBox01 .lBox .phoBox {
	border: 1px solid #7F7F7F;
}

#main.index .subBox01 .lBox .phoBox li a {
	padding: 3px 5px 2px;
	display: block;
	color: #FFF;
	text-align: center;
	background-color: #8EC43D;
}

#main.index .subBox01 .lBox .phoBox li a:hover {
	opacity: 0.7;
}

#main.index .subBox01 .lBox .phoBox li:first-child a {
	padding: 4px 5px 3px;
	background-color: #108CCF;
}

#main.index .subBox01 .lBox .phoBox li span {
	padding: 2px 0 0 20px;
	display: inline-block;
	background: url(img/index/icon03.png) no-repeat left center;
}

#main.index .subBox01 .mBox {
	width: 282px;
	float: left;
}

#main.index .subBox01 .rBox {
	width: 468px;
	float: right;
}

#main.index .subBox01 .mBox .comTtl,
#main.index .subBox01 .rBox .comTtl {
	padding: 14px 0 11px;
}

#main.index .subBox01 .pho01 {
	position: relative;
}

#main.index .subBox01 .pho01 > span {
	width: 100%;
	left: 0;
	top: 5px;
	position: absolute;
	font-size: 14px;
	line-height: 1.36;
	text-align: center;
}

#main.index .subBox01 .pho01 .info {
    position: absolute;
	display: block;
    z-index: 24;
    color: #000;
    text-decoration: none;
}

#main.index .subBox01 .pho01 .info01 {
	width: 86px;
	height: 75px;
	right: 33px;
	top: 78px;
}

#main.index .subBox01 .pho01 .info02 {
	width: 86px;
	height: 75px;
	right: 133px;
	top: 78px;
}

#main.index .subBox01 .pho01 .info03 {
	width: 109px;
	height: 93px;
	left: 187px;
	top: 215px;
}

#main.index .subBox01 .pho01 .info04 {
	width: 128px;
	height: 93px;
	left: 49px;
	bottom: 169px;
}

#main.index .subBox01 .pho01 .info05 {
	width: 108px;
	height: 96px;
	left: 123px;
	bottom: 76px;
}

#main.index .subBox01 .pho01 .info06 {
	width: 107px;
	height: 94px;
	right: 31px;
	top: 80px;
}

#main.index .subBox01 .pho01 .info07 {
	width: 108px;
	height: 94px;
	left: 36px;
	top: 177px;
}

#main.index .subBox01 .pho01 .info08 {
	width: 108px;
	height: 94px;
	right: 31px;
	bottom: 140px;
}

#main.index .subBox01 .pho01 .info09 {
	width: 121px;
	height: 94px;
	left: 31px;
	bottom: 40px;
}

#main.index .subBox01 .pho01 .info .txt {
	display: none;
	padding: 14px 5px 10px;
	width: 277px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 12px;
	line-height: 1.6;
    position: absolute;
    border: 1px solid #6EB92C;
    background: url(img/index/transparency.png) repeat left top;
	color: #000;
    text-align: center;
}

#main.index .subBox01 .pho01 .info01 .txt {
    top: -13px;
	left: -138px;
}

#main.index .subBox01 .pho01 .info02 .txt {
	padding: 22px 5px;
	width: 205px;
    top: 9px;
	left: -145px;
}

#main.index .subBox01 .pho01 .info03 .txt {
    top: 8px;
	left: -22px;
}

#main.index .subBox01 .pho01 .info04 .txt {
	width: 263px;
    top: -9px;
	left: -171px;
}

#main.index .subBox01 .pho01 .info05 .txt {
	width: 263px;
    top: 27px;
	left: -77px;
}

#main.index .subBox01 .pho01 .info:hover .txt {
    display: block;
}

#main.index .subBox01 .pho01 .info .txt span {
	margin-top: 6px;
	display: block;
	text-decoration: underline;
}

#main.index .subBox01 .btmTxt {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.34;
}

#main.index .subBox01 .btmTxt a {
	padding: 16px 4px 18px;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #000;
}

#main.index .subBox01 .btmTxt a:hover {
	opacity: 0.7
}

#main.index .subBox02 {
	margin-bottom: 53px;
}

#main.index .subBox02 .lBox {
	margin-right: 27px;
	width: 193px;
	float: left;
}

#main.index .subBox02 .lBox .comTtl {
	padding: 6px 0 16px;
}

#main.index .subBox02 .lBox .comTtl span {
	padding: 10px 0 0 30px;
	display: inline-block;
	background: url(img/index/img01.gif) no-repeat left top;
}

#main.index .subBox02 .lBox .text {
	margin-bottom: 8px;
	line-height: 1.43;
	letter-spacing: -1px;
	text-align: center;
}

#main.index .subBox02 .lBox .videoList {
	margin: 0 3px 26px 7px;
}

#main.index .subBox02 .lBox .videoList li {
	margin-top: 30px;
	text-align: center;
	line-height: 1.43;
}

#main.index .subBox02 .lBox .videoList li img {
	margin-bottom: 3px;
}

#main.index .subBox02 .lBox .videoList li:first-child {
	margin-top: 0;
}

#main.index .subBox02 .lBox .videoLink {
	margin: 0 7px 35px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#main.index .subBox02 .lBox .videoLink a {
	padding: 4px 5px 6px;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #A0A0A0;
}

#main.index .subBox02 .lBox .videoLink a:hover {
	opacity: 0.7;
}

#main.index .subBox02 .lBox .comTtl02 {
	padding: 37px 0 26px;
}

#main.index .subBox02 .lBox .comTtl02 a:hover img {
	opacity: 0.7;
}

#main.index .subBox02 .lBox .comTtl03 {
	padding: 29px 0;
	border-bottom: 1px solid #7F7F7F;
}

#main.index .subBox02 .mBox {
	width: 373px;
	float: left;
}

#main.index .subBox02 .comDl {
	margin-bottom: 20px;
}

#main.index .subBox02 .rBox {
	width: 373px;
	float: right;
}

#main.index .subBox02 .mBox .comTtl,
#main.index .subBox02 .rBox .comTtl {
	padding: 16px 0 0;
}

#main.index .subBox02 .mBox .comTtl,
#main.index .subBox02 .rBox .comTtl {
	margin-bottom: -2px;
}

#main.index .bookBox {
	margin-bottom: 42px;
}

#main.index .bookBox .comTtl {
	padding: 22px 0 21px;
}

#main.index .bookBox ul {
	margin-bottom: 17px;
}

#main.index .bookBox li {
	margin-right: 31px;
	width: 175px;
	float: left;
	line-height: 1.45;
}

#main.index .bookBox .liStyle {
	margin-top: -6px;
}
	
#main.index .bookBox li:last-child {
	margin-right: 0;
}

#main.index .bookBox li a {
	display: block;
	text-decoration: underline;
	letter-spacing: -1px;
}

#main.index .bookBox li a:hover {
	text-decoration: none;
}

#main.index .bookBox li a:hover img {
	opacity: 0.7;
}

#main.index .bookBox li img {
	margin-bottom: 6px;
	display: block;
	width: 143px;
	height: auto;
}

#main.index .bookBox .comLink {
	margin-right: 29px;
}

#main.index .blogBox .comTtl {
	padding: 22px 0 37px;
}

#main.index .blogBox ul {
	margin: 0 0 32px 16px;
}

#main.index .blogBox li {
	padding-left: 2px;
	width: 244px;
	float: left;
}

#main.index .blogBox .cate {
	margin-bottom: 7px;
}

#main.index .blogBox .cate a {
	padding: 5px 18px 6px 10px;
	display: inline-block;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #727171 url(img/index/arrow01.gif) no-repeat right top;
	background-size: 10px 100%;
}

#main.index .blogBox .pho {
	margin-bottom: 4px;
	height: 167px;
	position: relative;
}

#main.index .blogBox .pho .iframeLink {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 224px;
	height: 167px;
	z-index: 10;
}

#main.index .blogBox .pho .iframeLink:hover {
	background: #FFF;
	opacity: 0.3;
}

#main.index .blogBox .pho a:hover img {
	opacity: 0.7;
}

#main.index .blogBox .date {
	margin: 0 0 8px 5px;
}

#main.index .blogBox .text {
	margin-left: 5px;
	line-height: 1.48;
	letter-spacing: -1.5px;
}
	
#main.index .blogBox .text a {
	text-decoration: underline;
}

#main.index .blogBox .text a:hover {
	text-decoration: none;
}

#main.index .blogBox .comLink {
	margin-right: 29px;
}

/*------------------------------------------------------------
	about
------------------------------------------------------------*/
#main.about .headLine01 {
	margin-bottom: 76px;
	width: 514px;
}

#main.about .sec01 {
	margin: 0 auto 182px;
	width: 684px;
}

#main.about .sec01 p {
	font-size: 15px;
	line-height: 2.27;
	letter-spacing: -1px;
}

#main.about .sec01 .subBox {
	margin: 0 -77px 43px;
}

#main.about .sec01 .subBox .lTxt {
	width: 154px;
	height: 154px;
	float: left;
	position: relative;
	display: table;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.56;
	border: 1px solid #000;
}

#main.about .sec01 .subBox .lTxt:before {
	margin-top: -6px;
	width: 55px;
	height: 12px;
	background: url(img/common/arrow01.png) no-repeat left top;
	background-size: 55px 12px;
	position: absolute;
	top: 50%;
	right: -39px;
	  
	content: ""; 
}

#main.about .sec01 .subBox .lTxt span {
	padding: 20px 30px 20px;
	display: table-cell;
	vertical-align: middle;
}

#main.about .sec01 .subBox p {
	margin-top: 5px;
	width: 623px;
	float: right;
	font-size: 17px;
	line-height: 2.12;
	letter-spacing: -1px;
}

#main.about .sec01 .text {
	margin-bottom: 78px;
}

#main.about .sec01 .line {
	margin: 0 auto 84px;
	width: 514px;
	height: 1px;
	background-color: #7F7F7F;
}

#main.about .sec01 p span {
	display: block;
	text-align: right;
}

#main.about .sec02 {
	margin-bottom: 79px;
	padding: 138px 0 100px;
	position: relative;
	background-color: #EFEFEF;
}

#main.about .sec02 .headLine02 {
	margin-left: -78px;
	position: absolute;
	left: 50%;
	top: -79px;
}

#main.about .sec02 ul {
	margin: 0 auto;
	width: 998px;
}

#main.about .sec02 li {
	padding-left: 28px;
	width: 228px;
	float: left;
	line-height: 1.86;
}

#main.about .sec02 li .pho {
	margin-bottom: 19px;
}

#main.about .sec02 li .name {
	margin-bottom: 12px;
	display: block;
	font-size: 21px;
	text-align: center;
	line-height: 1.6;
}

#main.about .sec02 li .name span {
	margin-bottom: 1px;
	display: block;
	font-size: 16px;
}

#main.about .sec02 li p {
	margin: 0 4px;
	letter-spacing: -1px;
}

#main.about .sec02 li:first-child {
	padding-left: 0;
}

#main.about .sec03 {
	margin: 0 auto 100px;
	width: 680px;
}

#main.about .sec03 .headLine02 {
	margin-bottom: 65px;
}

#main.about .sec03 table {
	width: 100%;
	border-collapse: collapse;
}

#main.about .sec03 th,
#main.about .sec03 td {
	padding: 10px 0 25px 58px;
	width: auto;
	line-height: 1.85;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
}

#main.about .sec03 th {
	padding: 28px 10px 44px;
	position: relative;
	width: 24%;
	font-size: 15px;
	text-align: center;
	border-left: 2px solid #BFBFBF;
	border-right: 2px solid #BFBFBF;
}

#main.about .sec03 th:before {
	width: 104%;
	height: 16px;
	background: #FFF;
	position: absolute;
	bottom: 0;
	left: -3px;
	  
	content: ""; 
}

#main.about .sec03 .tdStyle {
	padding: 5px 0 18px 58px;
}

/*------------------------------------------------------------
	mfn
------------------------------------------------------------*/
#main.mfn .headLine01 {
	margin-bottom: 79px;
}

#main.mfn .sec01 {
	margin: 0 auto 140px;
	width: 684px;
}

#main.mfn .sec01 p {
	margin-bottom: 37px;
	font-size: 15px;
	line-height: 2.1;
}

#main.mfn .sec01 p:last-child {
	margin-bottom: 0;
}

#main.mfn .sec01 p span {
	color: #008CCE;
	font-size: 17px;
}

#main.mfn .sec02 {
	padding-top: 151px;
	position: relative;
	background-color: #EFEFEF;
}

#main.mfn .sec02 .headLine02 {
	margin-left: -133px;
	position: absolute;
	left: 50%;
	top: -79px;
	width: 267px;
}

#main.mfn .sec02 .mainBox {
	margin-bottom: 124px;
	width: 684px;
}

#main.mfn .sec02 p {
	margin-bottom: 36px;
	font-size: 15px;
	line-height: 2.3;
}

#main.mfn .sec02 ul {
	margin-bottom: 32px;
}

#main.mfn .sec02 li {
	padding: 0 0 5px 14px;
	color: #008CCE;
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: -1.5px;
	background: url(img/mfn/icon.gif) no-repeat left 7px;
}

#main.mfn .sec02 .photo img {
	width: 100%;
}

/*------------------------------------------------------------
	seminar
------------------------------------------------------------*/
#main.seminar,
#main.seminar_list {
	margin-bottom: 95px;
}

#main.seminar_list .headLine01 {
	margin-bottom: 47px;
}

#main.seminar_list .topTxt {
	margin-bottom: 43px;
	font-size: 16px;
	line-height: 1.55;
	text-align: center;
}

#main.seminar_list .photo {
	margin-bottom: 79px;
}

#main.seminar_list .photo img {
	 width: 100%; 
}

#main .comSemiBox {
	margin-top: 53px;
	padding-bottom: 15px;
	min-height: 138px;
	position: relative;
	background-color: #EFEFEF;
}

#main .comSemiBox:first-child {
	margin-top: 31px;
}

#main .comSemiBox:before {
	width: 31px;
	height: 31px;
	background: url(img/seminar/img01.gif) no-repeat left top;
	background-size: 31px 31px;
	position: absolute;
	bottom: 0;
	right: 0;
	  
	content: ""; 
}

#main .comSemiBox ul {
	position: absolute;
	right: 0;
	top: -31px;
}

#main .comSemiBox ul li {
	margin-left: 4px;
	padding: 4px 15px 6px;
	color: #FFF;
	float: right;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-weight: bold;
	text-align: center;
	background-color: #2380C5;
}

#main .comSemiBox .date {
	margin-bottom: 18px;
	padding: 15px 28px 11px;
	font-size: 15px;
	background: url(img/seminar/line01.gif) repeat-x left bottom;
}

#main .comSemiBox .date span {
	margin-left: 3px;
	font-size: 14px;
}

#main .comSemiBox .txt {
	margin: 0 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -0.5px;
}

#main.seminar .mainVisual {
	margin-bottom: 54px;
	height: 258px;
	position: relative;
	background: url(img/seminar/seminar_main_visual_bg.jpg) no-repeat center top;
	background-size: cover;
}

#main.seminar .mainVisual h2 {
	margin-left: -184px;
	padding: 9px 20px 8px;
	width: 323px;
	position: absolute;
	left: 50%;
	top: 105px;
	color: #FEFEFE;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	background: url(img/seminar/seminar_bg01.png) repeat left top;
}

#main.seminar .mainVisual h2 span {
	margin-left: 16px;
	font-size: 14px;
	vertical-align: 4px;
}

#main.seminar .mainVisual h2:before {	
	width: 27px;
	height: 55px;
	background: url(img/seminar/seminar_img01.png) no-repeat left top;
	background-size: 27px 100%;
	position: absolute;
	top: 0;
	left: -27px;
	  
	content: ""; 
}

#main.seminar .mainVisual h2:after {	
	width: 27px;
	height: 55px;
	background: url(img/seminar/seminar_img02.png) no-repeat left top;
	background-size: 27px 100%;
	position: absolute;
	top: 0;
	right: -27px;
	  
	content: ""; 
}

#main.seminar_list .topTxt01 {
	margin-bottom: 68px;
}

#main.seminar_list .h2Ttl {
	margin-bottom: 100px;
}

#main.seminar_detail {
	margin-bottom: 86px;
}

#main.seminar_detail #pagePath {
	margin-bottom: 52px;
}

#main.seminar_detail .mainBox {
	margin-bottom: 50px;
}

#main.seminar_detail #conts {
	padding-left: 36px;
	width: 690px;
}

#main.seminar_detail #conts .cate {
	margin-bottom: 20px;
	padding: 6px 20px 6px 25px;
	color: #FEFEFE;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-weight: bold;
	line-height: 1.36;
	text-align: center;
	display: inline-block;
	background-color: #2180C4;
}

#main.seminar_detail h2 {
	margin: 0 0 41px -32px;
	padding: 0 0 16px 32px;
	font-size: 22px;
	line-height: 1.68;
	letter-spacing: -2px;
	background: url(img/blog/detail_line01.gif) repeat-x left bottom;
}

#main.seminar_detail .h2Ttl {
	margin: 0 0 -1px -32px;
	padding: 0 0 13px 32px;
	font-size: 22px;
	line-height: 1.68;
	letter-spacing: -2px;
	text-indent: -0.5em;
	background: url(img/blog/detail_line01.gif) repeat-x left bottom;
}

#main.seminar_detail #conts .ttl {
	margin-bottom: 26px;
	line-height: 3.57;
}

#main.seminar_detail .photo {
	margin-bottom: 0;
}

#main.seminar_detail img {
	margin-bottom: 42px;
	max-width: 100%;
}

#main.seminar_detail #conts p {
	margin-bottom: 28px;
	line-height: 2;
	letter-spacing: -1px;
}

#main.seminar_detail #conts p a {
	padding-bottom: 3px;
	color: #221814;
	font-weight: bold;
	border-bottom: 1px solid #7F7F7F;
}

#main.seminar_detail #conts p a:hover {
	text-decoration: none;
	border-bottom: none;
}

#main.seminar_detail .link {
	font-weight: bold;
	line-height: 1.43;
	display: block;
	text-align: center;
}

#main.seminar_detail .link a {
	padding: 12px 16px 12px 40px;
	display: inline-block;
	color: #FEFEFE;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	background: url(img/blog/detail_icon01.png) no-repeat 22px 15px;
	background-color: #2180C4;
}

#main.seminar_detail .link a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/*------------------------------------------------------------
	blog
------------------------------------------------------------*/
#main.blog .mainVisual {
	position: relative;
}

#main.blog .mainVisual h2 {
	margin-top: -41px;
	width: 34.4%;
	font-size: 16px;
	position: absolute;
	left: 4%;
	top: 50%;
	color: #FEFEFE;
	z-index: 100;
	text-align: center;
}

#main.blog .mainVisual h2 span {
	margin-top: 11px;
	display: block;
}

#main.blog .photo {
	margin-bottom: 51px;
}

#main.blog .photo img {
	 width: 100%; 
}

#main.blog #conts,
#main.blog_list #conts {
	padding-top: 31px;
	width: 723px;
}

#main .comBlogBox {
	margin-bottom: 51px;
	padding: 14px 0 21px 29px;
	position: relative;
	background-color: #EEEFEF;
}

#main.blog_list .comBlogBox {
	margin-bottom: 52px;
	padding: 14px 0 33px 29px;
}

#main .comBlogBox .photoBox {
	margin-top: 7px;
	float: left;
}

#main .comBlogBox .photoBox a:hover img {
	opacity: 0.7;
}

#main .comBlogBox .textBox {
	width: 488px;
	float: right;
}

#main .comBlogBox .textBox p {
	padding: 0 44px 0 24px;
	line-height: 1.71;
}

#main .comBlogBox .textBox .ttl {
	margin: 8px 0 6px;
	padding-bottom: 9px;
	min-height: 46px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.44;
	background: url(img/blog/link.gif) repeat-x left bottom;
}

#main .comBlogBox .textBox .ttl a {
	color: #00833E;
}

#main.blog_list .comBlogBox .textBox .ttl {
	padding-bottom: 20px;
}

#main .comBlogBox ul {
	top: -31px;
	right: 0;
	position: absolute;
}

#main .comBlogBox li {
	margin-left: 4px;
	padding: 6px 11px 4px 12px;
	color: #FEFEFE;
	float: left;
	font-size: 14px;
	font-weight: bold;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	background-color: #72AF2D;
}

#main .comBlogBox li {
	padding: 5px 13px;
}

#main .comBlogBox:before {
	width: 31px;
	height: 31px;
	background: url(img/blog/img01.gif) no-repeat left top;
	background-size: 31px 31px;
	position: absolute;
	bottom: 0;
	right: 0;
	  
	content: ""; 
}

#main.blog #sideBar .sList,
#main.blog_list #sideBar .sList {
	margin-bottom: 38px;
}

#main.blog {
	margin-bottom: 97px;
}

#main.blog_list {
	margin-bottom: 66px;
}

#main.blog #sideBar .sList li a,
#main.blog_list #sideBar .sList li a,
#main.blog_detail #sideBar .sList li a {
	padding: 2px 0 2px 31px;
}

#main.blog #sideBar .sList li a:hover,
#main.blog #sideBar .sList .on a,
#main.blog_list #sideBar .sList li a:hover,
#main.blog_list #sideBar .sList .on a,
#main.blog_detail #sideBar .sList li a:hover,
#main.blog_detail #sideBar .sList .on a {
	background-color: #BFDC98;
	border-color: #BFDC98;
}

#main.blog_list #pagePath {
	margin-bottom: 78px;
}

#main.blog_detail {
	margin-bottom: 123px;
}

#main.blog_detail #pagePath {
	margin-bottom: 52px;
}

#main.blog_detail #conts .cate {
	margin-bottom: 21px;
	padding: 6px 18px 5px;
	color: #FEFEFE;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-weight: bold;
	line-height: 1.36;
	text-align: center;
	display: inline-block;
	background-color: #72AF2D;
}

#main.blog_detail h2 {
	margin: 0 0 18px -32px;
	padding: 0 0 12px 32px;
	font-size: 22px;
	line-height: 1.68;
	letter-spacing: -2px;
	background: url(img/blog/detail_line01.gif) repeat-x left bottom;
}

#main.blog_detail .h2Ttl {
	margin-bottom: 9px;
	padding-bottom: 13px;
}

#main.blog_detail h2 a {
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
}

#main.blog_detail #conts .ttl {
	margin-bottom: 11px;	
}

#main.blog_detail #conts p {
	margin-bottom: 28px;
	line-height: 2;
}

#main.blog_detail #conts .text {
	margin-bottom: 28px;
}

#main.blog_detail .photo {
	margin-bottom: 0;
}

#main.blog_detail img {
	margin-bottom: 14px;
	max-width: 100%;
}

#main.blog_detail p a {
	padding-bottom: 1px;
	font-weight: bold;
	border-bottom: 2px solid #BFBFBF;
}

#main.blog_detail p a:hover {
	border-bottom: none;
	text-decoration: none;
}

#main.blog_detail .link {
	font-weight: bold;
	line-height: 1.43;
	text-align: center;
}

#main.blog_detail .link a {
	padding: 12px 28px 12px 47px;
	display: inline-block;
	color: #FEFEFE;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	background: #72AF2D url(img/blog/detail_icon01.png) no-repeat 25px 15px;
}

#main.blog_detail .link a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#main.blog_detail .mainBox {
	margin-bottom: 24px;
}

#main.blog_detail #conts {
	padding-left: 37px;
	width: 690px;
}


#main.blog_detail h3 {
	margin-bottom: 2px;
	font-size: 16px;
	line-height: 2.06;
}

#main.blog_detail h4 {
	margin-bottom: 2px;
	display: inline;
	font-size: 16px;
	line-height: 2.06;
	border-bottom: 2px solid #BFBFBF;
}

/*------------------------------------------------------------
	personal
------------------------------------------------------------*/
#main.personal .headLine01 {
	width: 36%;
	font-size: 25px;
}

#main.personal .sec01 {
	padding: 123px 0 97px;
	background-color: #EEEFEF;
}

#main.personal .mainBox {
	width: 747px;
}

#main.personal .headLine04 {
	padding: 24px 0 33px 60px;
	color: #00833E;
	font-size: 25px;
}

#main.personal .headLine04 span {
	font-size: 22px;
	font-weight: normal;
}

#main.personal .sec01 .headLine04 {
	padding-bottom: 30px;
	color: #EC6C00;
	background: url(img/personal/img01.gif) no-repeat left top;
}

#main.personal .headLine02 {
	margin: 72px auto -78px;
}

#main.personal .mainBox p {
	margin: 0 0 33px 0;
	color: #221814;
	font-size: 15px;
	letter-spacing: -0.3px;
	line-height: 2.27;
}

#main.personal .sec01 .mainBox .text {
	margin-bottom: 83px;		
}

#main.personal .mainBox ul {
	margin: 0 auto;
	width: 604px;
	text-align: center;
}

#main.personal .mainBox li {
	font-size: 16px;
	font-weight: bold;
}

#main.personal .mainBox li a {
	padding: 14px 50px;
	color: #FEFEFE;
	display: block;
	background: url(img/personal/icon02.png) no-repeat right 30px center;
	background-color: #ED6D01;
}

#main.personal .mainBox .liStyle a {
	padding: 12px 48px;
}

#main.personal .mainBox li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#main.personal .sec01 .mainBox .liStyle {
	margin-bottom: 24px;
	border: 2px solid #ED6D01;
}

#main.personal .sec01 .mainBox .liStyle a {
	color: #EC6C00;
	background: url(img/personal/icon01.png) no-repeat right 28px center;
	background-color: #FFFFFF;
}

#main.personal .sec02 {
	padding: 67px 0 101px;
	background-color: #FFFFFF;
}

#main.personal .sec02 .headLine04 {
	margin-right: -39px;
	letter-spacing: -1px;
	background: url(img/personal/img02.gif) no-repeat left top;
}

#main.personal .sec02 .headLine04 span {
	font-size: 25px;
}

#main.personal .sec02 .mainBox .text {
	margin-bottom: 91px;		
}

#main.personal .sec02 .mainBox li a {
	color: #FEFEFE;
	background: url(img/personal/icon02.png) no-repeat right 30px center;
	background-color: #72AF2D;
}

#main.personal .sec03 {
	padding: 67px 0 112px;
	background-color: #EEEFEF;
}

#main.personal .sec03 .headLine04 {
	padding-top: 15px;
	color: #EC6C00;
	background: url(img/personal/img03.gif) no-repeat left 5px;
}

#main.personal .sec03 .headLine04 span {
	font-size: 20px;
}

#main.personal .sec03 .headLine04 .txt {
	margin: 4px 0 -2px;
	display: block;
}

#main.personal .sec03 .mainBox .text {
	margin-bottom: 90px;		
}

#main.personal .sec04 {
	padding: 78px 0 105px;
	background-color: #FFFFFF;
}

#main.personal .sec04 .headLine04 {
	padding-top: 21px;
	background: url(img/personal/img04.gif) no-repeat left top;
}

#main.personal .sec04 .mainBox .text {
	margin-bottom: 94px;		
}

#main.personal .sec04 .mainBox li a {
	color: #FEFEFE;
	background: url(img/personal/icon02.png) no-repeat right 15.2px center;
	background-color: #72AF2D;
}

/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/
#main.privacy .headLine02 {
	margin: 0 auto 143px;
}

#main.privacy .headLine02:before {
	bottom: -36px;
}

#main.privacy .headLine02 span {
	padding-top: 16px;
}

#main.privacy .mainBox {
	padding-top: 20px;
	width: 546px;
}

#main.privacy .h3hTtl {
	margin-bottom: 31px;
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
	border-bottom: 2px solid #BFBFBF;
}

#main.privacy p {
	margin-bottom: 107px;
	font-size: 15px;
	letter-spacing: -1.5px;
	line-height: 2.14;
}

#main.privacy .mainBox ul {
	margin: 0 -80px 19px 6px;
}

#main.privacy .mainBox ul li {
	margin-bottom: 42px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.87;
	letter-spacing: -0.5px;
}

#main.privacy .mainBox ul li span {
	margin-top: 3px;
	font-weight: normal;
	display: block;
	text-indent: 0;
}

#main.privacy .mainBox ul li ul {
	margin: 6px 0 0;
}

#main.privacy .mainBox ul li ul li {
	margin-bottom: 13px;
	padding-left: 1em;
	text-indent: -1em;
	font-weight: normal;
	line-height: 1.6;
}

#main.privacy .mainBox ul .liStyle {
	margin-bottom: 43px;
}

#main.privacy .mainBox .text01 {
	margin-bottom: 64px;
}

#main.privacy .mainBox .text02 {
	margin: 0 -50px 0 0;
	text-align: right;
	line-height: 1.47;
	letter-spacing: -1px;
}

#main.privacy .mainBox .text03 {
	margin: 0 -50px 0 0;
	text-align: right;
	line-height: 1.47;
}

#main.privacy .mainBox .text03 span {
	font-size: 20px;
	font-weight: bold;
}

#main.privacy {
	margin-bottom: 140px;
}

/*------------------------------------------------------------
	book
------------------------------------------------------------*/
#main.book {
	margin-bottom: 120px;
}

#main.book .headLine01 {
	margin-bottom: 113px;
	width: 514px;
}

#main.book .mainBox {
	width: 796px;
}

#main.book .linkList {
	margin: 0 0 109px -34px;
}

#main.book .linkList li {
	margin-right: 19px;
	float: left;
	font-size: 20px;
	text-align: center;
}

#main.book .linkList li a {
	padding: 6px 30px 5px;
	min-width: 147px;
	position: relative;
	display: inline-block;
	color: #FFF;
	background-color: #ED6D00;
}

#main.book .linkList li:first-child a {
	background-color: #72AF2D;
}

#main.book .linkList li:last-child a {
	background-color: #0168B7;
}

#main.book .linkList li a:before {
	width: 20px;

	height: 23px;
	background: url(img/book/img01.png) no-repeat left top;
	background-size: 20px 23px;
	position: absolute;
	top: 0;
	left: 0;
	  
	content: ""; 
}

#main.book .linkList li a:after {
	width: 20px;
	height: 22px;
	background: url(img/book/img02.png) no-repeat left top;
	background-size: 20px 22px;
	position: absolute;
	bottom: 0;
	right: 0;
	  
	content: ""; 
}

#main.book .mainBox h3 {
	margin: 0 auto 64px;
	padding: 5px 0 3px;
	width: 514px;
	color: #00833E;
	font-size: 25px;
	text-align: center;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#main.book .sec01 {
	margin-bottom: 108px;
}

#main.book .subBox {
	margin-bottom: 35px;
	padding: 0 100px 44px 0;
	position: relative;
}

#main.book .subBox:before {
	width: 514px;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 84px;
	  
	content: ""; 
}

#main.book .subBox:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

#main.book .subBox:last-child:before {
	display: none;
}

#main.book .subBox .lBox {
	width: 215px;
	float: left;
}

#main.book .subBox .lBox .cate {
	margin: 0 0 17px 2px;
	padding: 6px 15px 4px;
	min-width: 100px;
	display: inline-block;
	color: #FFF;
	text-align: center;
	background-color: #72AF2D;
}

#main.book .subBox .lBox .photo {
	margin-bottom: 20px;
}

#main.book .sec01 .subBox .lBox .photo {
	margin-bottom: 28px;
}

#main.book .subBox .lBox a:hover img {
	opacity: 0.7;
}

#main.book .subBox .rBox {
	margin-top: 41px;
	width: 456px;
	float: right;
}

#main.book .subBox .rBox p {
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 2;
	letter-spacing: -1px;
}

#main.book .subBox .rBox p:last-child {
	margin-bottom: 0;
}

#main.book .subBox .rBox .title {
	margin: 0 -65px 7px 0;
	color: #00833E;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: -1.5px;
}

#main.book .subBox .rBox .title span {
	display: block;
	font-size: 25px;
	line-height: 1.44;
}

#main.book .subBox .rBox .article {
	margin-bottom: 27px;
	max-width: 372px;
	line-height: 1.5;
}

#main.book .subBox .rBox .article span {
	font-size: 20px;
}

#main.book .sec02 {
	margin-bottom: 108px;
}

#main.book .mainBox .sec02 h3,
#main.book .sec02 .subBox .rBox .title {
	color: #EC6C00;
}

#main.book .sec02 .subBox .lBox .cate {
	background-color: #ED6D01;
}

#main.book .mainBox .sec03 h3,
#main.book .sec03 .subBox .rBox .title {
	color: #0068B6;
}

#main.book .sec03 .subBox .lBox .cate {
	background-color: #0069B7;
}

/*------------------------------------------------------------
	qa
------------------------------------------------------------*/
#main.qa {
	margin-bottom: 161px;
}

#main.qa .headLine01 {
	margin-bottom: 149px;
}

#main.qa .mainBox {
	margin-bottom: 166px;
}

#main.qa #conts {
	margin-left: 1px;
	width: 694px;
}

#main.qa #conts dl {
	margin-bottom: 68px;
	padding: 33px 0 34px;
	background-color: #EFEFEF;	
}

#main.qa #conts dl:last-child {
	margin-bottom: 0;
}

#main.qa #conts dt {
	margin-bottom: 32px;
	padding: 0 55px 17px 99px;
	color: #00833E;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.25;
	max-height: 70px;
	border-bottom: 1px dotted #777777;
	background: url(img/qa/qa_query_img03.png) no-repeat 48px 1px;
}

#main.qa #conts .dlStyle dt {
	padding-bottom: 27px;
	color: #EC6C00;
	background: url(img/qa/qa_query_img01.png) no-repeat 48px 6px;
}

#main.qa #conts dd {
	padding: 0 55px 0 99px;
	font-size: 15px;
	font-weight: bold;
	line-height: 2.27;
	background: url(img/qa/qa_query_img02.png) no-repeat 49px 7px;
}

#main.qa #sideBar .sList li {
	letter-spacing: -1px;
}

#main.qa #sideBar .sList li a {
	padding: 2px 9px 2px 31px;
	background: url(img/common/icon01.png) no-repeat 11px 6px;
}

#main.qa #sideBar .sList li:first-child a:hover {
	background-color: #BCD697;
	border-color: #BCD697;
}

#main.qa #sideBar .sList li:last-child a:hover {
	background-color: #FCD7A2;
	border-color: #FCD7A2;
}

#main.qa #sideBar .sList .on a,
#main.qa #sideBar .sList .on a:hover {
	background-color: #BBD596;
	border-color: #BBD596;	
}

#main.qa #sideBar .sList .liStyleOn a,
#main.qa #sideBar .sList .liStyleOn a:hover {
	background-color: #FCD7A2;
	border-color: #FCD7A2;	
}

.wp-pagenavi {
	margin-left: 7px;
	clear: both;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0 4px;
	display: inline-block;
	font-size: 18px;
	text-decoration: none;
	line-height: 1.25;
	border: 1px solid #CCC;
	padding: 3px 7px 1px 8px;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #595757;
	border-color: #F6F6F6;
	background-color: #DDD;
}

.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi .nextpostslink:link,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .nextpostslink {
	margin-left: 5px;
	width: 11px;
	height: 23px;
	color: #fff;
	border: none;
	vertical-align: top;
	background: #fff url(img/qa/qa_query_icon01.gif) no-repeat center center;
}

.wp-pagenavi .previouspostslink:link,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .previouspostslink {
	margin-right: 5px;
	width: 11px;
	height: 23px;
	color: #fff;
	border: none;
	vertical-align: top;
	background: #fff url(img/qa/qa_query_icon02.gif) no-repeat center center;
}


/*------------------------------------------------------------
	media
------------------------------------------------------------*/
#main.media {
	margin-bottom: 134px;
}

#main.media .mediaPagePath {
	margin-bottom: 111px;	
}

#main.media .headLine01 {
	margin-bottom: 48px;
}

#main.media .ttl {
	margin-bottom: 63px;
	font-size: 16px;
	line-height: 1.56;
	letter-spacing: -1px;
	text-align: center;
}

#main.media .mainBox {
	margin-bottom: 125px;
}

#main.media #conts {
	margin-left: 1px;
}

#main.media .mainBox .comMediaBox {
	background-color: #EFEFEF;
}

#main .comMediaBox {
	margin-bottom: 57px;
	padding-bottom: 27px;
	position: relative;
	background-color: #EFEFEF;
}

#main .comMediaBox:before {
	width: 31px;
	height: 31px;
	background: url(img/media/img01.gif) no-repeat left top;
	background-size: 31px 31px;
	position: absolute;
	bottom: 0;
	right: 0;
	  
	content: ""; 
}

#main.media .blue:before {
	background: url(img/media/img02.gif) no-repeat left top;
}

#main .comMediaBox .cate {
	padding: 5px 10px;
	min-width: 113px;
	position: absolute;
	right: 13px;
	top: 0;
	color: #FFF;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-weight: bold;
	text-align: center;
	background-color: #72AF2D;
}

#main.media .blue .cate {
	background-color: #217FC5;
}

#main .comMediaBox .date {
	margin-bottom: 27px;
	padding: 15px 28px 11px;
	font-size: 15px;
	background: url(img/media/line01.gif) repeat-x left bottom;
}

#main .comMediaBox .date span {
	margin-left: 3px;
	font-size: 14px;
}

#main .comMediaBox .imgBox {
	padding: 0 9px 0 28px;
}

#main .comMediaBox .imgBox a {
	display: block;
	position: relative;
}

#main .comMediaBox .imgBox a:hover {
	opacity: 0.7;
}

#main .comMediaBox .imgBox a:before {
	width: 38px;
	height: 38px;
	background: url(img/media/icon01.png) no-repeat 15px center;
	background-size: 9px 13px;
	background-color: #6DAD32;
	position: absolute;
	bottom: 0;
	right: 0;
	  
	content: ""; 
}

#main.media .blue .imgBox a:before {
	background: url(img/media/icon01.png) no-repeat 15px center;
	background-color: #2180C4;
}

#main .comMediaBox .imgBox .phoBox {
	margin-bottom: 1px;
	float: left;
	position: relative;
	border: 1px solid #AED38D;
}

#main.media .blue .imgBox .phoBox {
	border: 1px solid #85B3D4;
}

#main .comMediaBox .imgBox .textBox {
	margin-top: 1px;
	width: 344px;
	float: right;	
}

#main .comMediaBox .imgBox .textBox p {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
}

#main .comMediaBox .imgBox .textBox .title {
	margin-bottom: 25px;
	line-height: 1.8;
}

#main .comMediaBox .imgBox .textBox .text {
	color: #00833E;
	line-height: 1.75;
	letter-spacing: -1px;
}

#main .comMediaBox .imgBox .textBox .text span {
	display: block;
	font-weight: normal;
}

#main.media .blue .imgBox .textBox .text {
	color: #187FC3;
}

#main .comMediaBox:last-child {
	margin-bottom: 0;
}

#main.media #sideBar .sList li a:hover,
#main.media #sideBar .sList .on a {
	background-color: #BCD697;
	border-color: #BCD697;
}

#main.media #sideBar .sList .liStyle a:hover,
#main.media #sideBar .sList .liStyle.on a {
	background-color: #A3BDE2;
	border-color: #A3BDE2;
}

/*------------------------------------------------------------
	voice
------------------------------------------------------------*/
#main.voice {
	margin-bottom: 159px;	
}

#main.voice .headLine01 {
	margin-bottom: 97px;
	width: 514px;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: normal;
}

#main.voice .headLine01 span {
	padding-bottom: 11px;
}

#main.voice .bgBox {
	margin-bottom: 100px;
	padding: 41px 0 52px;
	background-color: #EFEFEF;
}

#main.voice .bgBox .mainBox {
	padding: 0 4px 0 8px;
	width: 727px;
}

#main.voice .bgBox .mainBox h3 {
	margin: 0 auto 42px;
	padding: 10px 0;
	width: 690px;
	color: #FEFEFE;
	font-size: 21px;
	line-height: 1.3;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	position: relative;
	text-align: center;
	background-color: #72AF2C;
}

#main.voice .bgBox .mainBox .h3hTtl01 {
	background-color: #ED6D00;
}

#main.voice .bgBox .mainBox .h3hTtl02 {
	background-color: #0168B7;
}

#main.voice .bgBox .mainBox h3:before {	
	width: 22px;
	height: 25px;
	background: url(img/voice/bg01.png) no-repeat left top;
	background-size: 22px 25px;
	position: absolute;
	top: 0;
	left: 0;
	  
	content: ""; 
}

#main.voice .bgBox .mainBox h3:after {	
	width: 22px;
	height: 25px;
	background: url(img/voice/bg02.png) no-repeat left top;
	background-size: 22px 25px;
	position: absolute;
	bottom: 0;
	right: 0;
	  
	content: ""; 
}

#main.voice .bgBox .mainBox ul {
	margin: -21px -20px 0 0;
	font-weight: bold;
	line-height: 1.75;
}

#main.voice .bgBox .mainBox ul li {
	margin: 21px 20px 0 0;
	width: 316px;
	padding: 20px 20px 20px 16px;
	font-size: 15px;
	float: left;
	letter-spacing: -1px;
	background-color: #FFF;
	behavior: url(js/pie.htc);
}

#main.voice .bgBox .mainBox ul li p {
	margin-left: 3px;
}

#main.voice .bgBox .mainBox ul li .text {
	margin: 15px 0 0 0;
	padding: 13px 1px 0 0;
	text-align: right;
	border-top: 1px solid #808080;
}

/*------------------------------------------------------------
	channel
------------------------------------------------------------*/
#main.channel {
	margin-bottom: 163px;
}

#main.channel #pagePath li {
	font-size: 12px;
}

#main.channel .headLine01 {
	margin-bottom: 81px;
	font-size: 25px;
}

#main.channel .mainBox #conts {
	padding-top: 31px;
	width: 724px;
}

#main.channel  .comChannelBox {
	margin: 0 0 54px 1px;
	padding: 21px 0 25px 30px;
	position: relative;
	background-color: #EEEFEF;
}

#main.channel  .comChannelBox:last-child {
	margin-bottom: 0;
}

#main.channel .comChannelBox .imgBox {
	display: table;
}

#main.channel .comChannelBox .photoBox {
	width: 290px;
	height: 177px;
}

#main.channel .comChannelBox .photoBox a:hover img {
	opacity: 0.7;
}

#main.channel .comChannelBox .textBox {
	width: 393px;
	display: table-cell;
	vertical-align: middle;
}

#main.channel .comChannelBox .textBox p {
	padding: 0 0 11px 34px;
	color: #00833E;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.28;
	letter-spacing: -1px;
}

#main.channel .comChannelBox ul {
	top: -31px;
	right: 0;
	position: absolute;
	letter-spacing: -1px;
}

#main.channel .comChannelBox li {
	margin-left: 22px;
	padding: 4px 15px 4px 17px;
	color: #FEFEFE;
	float: left;
	font-size: 15px;
	font-weight: bold;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	background-color: #72AF2D;
}

#main.channel .comChannelBox:before {
	width: 31px;
	height: 31px;
	background: url(img/channel/img01.gif) no-repeat left top;
	background-size: 31px 31px;
	position: absolute;
	bottom: 0;
	right: 0;
	  
	content: ""; 
}

#main.channel .mainBox #sideBar .sTitle {
	padding: 6px 10px 4px;
	font-size: 15px;
	letter-spacing: -1px;
}

#main.channel .mainBox #sideBar .sList li a:hover,
#main.channel .mainBox #sideBar .sList .on a {
	background-color: #BFDC99;
	border-color: #BFDC99;
}

#main.channel .comChannelBox .soon {
	padding: 66px;	
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
#main.contact {
	margin-bottom: 84px;
}

#main.contact #pagePath {
	margin-bottom: 40px;
}

#main.contact .headLine02 {
	margin-bottom: 69px;
}

#main.contact .headLine02:before {
	bottom: -38px;
}

#main.contact .topText {
	margin-bottom: 29px;
	font-size: 15px;
	line-height: 2.26;
	text-align: center;
}

#main.contact .topText span span {
	color: #e50012;
}

#main.contact form {
	margin: 0 auto;
	width: 597px;
}

#main.contact table {
	width: 100%;
	border-collapse: collapse;
}

#main.contact th,
#main.contact td {
	padding: 10px 0 8px;
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #E7E7E7;
}

#main.contact th {
	padding: 16px;
	width: 140px;
}

#main.contact th span {
	margin-left: 4px;
	color: #E50011;
}

#main.contact td p {
	padding: 4px 10px 7px 29px;
	border-left: 1px solid #E7E7E7;
}

#main.contact input {
	padding: 1px 5px 0;
	width: 287px;
	border: 1px solid #D4D4D4;
	background-color: #EFEFEF;
}

#main.contact .wid01 {
	width: 107px;
}

#main.contact .wid02 {
	width: 77px;
}

#main.contact .tdStyle01 p input:first-child {
	margin-right: 12px;
}

#main.contact .confirm_email {
	margin-top: 9px;
}

#main.contact .spanStyle {
	margin-left: 8px;
}

#main.contact input[type="radio"] {
	margin-right: 0;
	width: auto;
	vertical-align: -1px;
	background: none;
	border: none;
}

#main.contact .tdStyle p {
	padding: 7px 10px 7px 35px;
	line-height: 1.69;
	font-size: 13px;
}

#main.contact textarea {
	padding: 5px;
	width: 287px;
	height: 148px;
	border: 1px solid #D4D4D4;
	background-color: #EFEFEF;
}

#main.contact .addressTd input {
	width: 35px;
}

#main.contact .thStyle {
	padding: 73px 0 0;
}

#main.contact #submit {
	padding: 11px 56px 11px 46px;
	width: auto;
	color: #FFF;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.75;
	background: #0168B7 url(img/contact/icon.gif) no-repeat right 28px center;
}

#main.contact #submit:hover {
	opacity: 0.7;
}

/*------------------------------------------------------------
	company
------------------------------------------------------------*/
#main.company {
	margin-bottom: 135px;	
}

#main.company #pagePath li {
	font-size: 12px;
}

#main.company .headLine01 {
	margin-bottom: 50px;
	width: 514px;
	font-size: 24px;
	letter-spacing: -1px;
}

#main.company .sec01 {
	margin-bottom: 164px;	
}

#main.company .sec01 .mainBox {
	width: 687px;
}

#main.company .sec01 p {
	margin-left: 4px;
	font-size: 16px;
	line-height: 1.81;
	letter-spacing: -1px;
}

#main.company .sec01 p span {
	font-size: 18px;
	font-weight: bold;
}

#main.company .sec01 .txt01 {
	margin-bottom: 22px;
}

#main.company .sec01 .txt02 {
	margin: 0 0 34px 4px;
}

#main.company .sec01 .photo {
	margin: 0 0 63px 2px;
	text-align: center;
}

#main.company .sec01 .subBox {
	margin: 0 0 35px -115px;
}

#main.company .sec01 .subBox .lBox {
	width: 154px;
	height: 154px;
	float: left;
	position: relative;
	display: table;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.56;
	border: 1px solid #000;
}

#main.company .sec01 .subBox .lBox:before {
	margin-top: -6px;
	width: 55px;
	height: 12px;
	background: url(img/common/arrow01.png) no-repeat left top;
	background-size: 55px 12px;
	position: absolute;
	top: 50%;
	right: -39px;
	  
	content: ""; 
}

#main.company .sec01 .subBox .lBox span {
	padding: 22px 32px 20px 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#main.company .sec01 .subBox .rBox {
	width: 588px;
	float: right;
}

#main.company .sec01 .subBox .rBox ul li {
	margin-bottom: 10px;
	color: #008CCE;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.76;
	letter-spacing: -1px;
}

#main.company .sec01 .subBox .rBox ul li:last-child {
	margin-bottom: 0;
}

#main.company .sec01 .subBox01 .rBox {
	margin-top: -4px;
}

#main.company .sec01 .subBox02 {
	margin: 0 -80px 123px -115px;
}

#main.company .sec01 .subBox02 .lBox {
	margin-top: 20px;
}

#main.company .sec01 .subBox02 .lBox span {
	padding: 26px 30px 20px 33px;
	text-align: left;
}

#main.company .sec01 .subBox02 .rBox {
	width: 672px;
}

#main.company .sec01 .subBox02 .rBox ul {
	margin-top: 16px;
	float: left;
}

#main.company .sec01 .subBox02 .rBox ul li {
	margin-bottom: 0;
	color: #221814;
}

#main.company .sec01 .subBox02 .rBox .pho {
	float: right;
}

#main.company .sec01 .txt03 {
	margin: 0 0 85px;
	font-size: 14px;
}

#main.company .mainBox .h3Ttl {
	margin: 0 -6px 72px 3px;
	padding: 11px 0 7px;
	width: 688px;
	font-size: 17px;
	line-height: 1.65;
	text-align: center;
	letter-spacing: -1px;
	border: 1px solid #7F7F7F;
	position: relative;
}

#main.company .sec03 .h3Ttl {
	margin: 0 auto 39px;
	width: 688px;
}

#main.company .mainBox .h3Ttl:before {
	width: 23px;
	height: 26px;
	background: url(img/company/img01.gif) no-repeat left top;
	background-size: 23px 26px;
	position: absolute;
	top: -1px;
	left: -1px;
	  
	content: "";
}

#main.company .mainBox .h3Ttl:after {
	width: 23px;
	height: 26px;
	background: url(img/company/img02.gif) no-repeat left top;
	background-size: 23px 26px;
	position: absolute;
	bottom: -2px;
	right: -1px;
	  
	content: "";
}

#main.company .sec01 .subListBox {
	margin-bottom: 29px;
	width: 686px;
}

#main.company .sec01 .subListBox .lList {
	width: 300px;
	float: left;
}

#main.company .sec01 .subListBox .rList {
	width: 341px;
	float: right;
}

#main.company .sec01 .subListBox .rList li:last-child {
	margin-top: 29px;
}

#main.company .sec01 .subListBox ul li {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.77;
	letter-spacing: -1px;
}

#main.company .sec01 .subListBox ul li span {
	margin-right: 2px;
}

#main.company .sec01 .subListBox ul .liStyle {
	color: #E50038;
}

#main.company .sec01 .txt04 {
	margin: 0 -37px 0 0;
	clear: both;
	color: #E50038;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
}

#main.company .sec02 {
	margin-bottom: 97px;
	padding: 149px 0 83px;
	position: relative;
	background-color: #EFEFEF;
}

#main.company .sec02 .headLine02 {
	width: 261px;
	position: absolute;
	left: 41%;
	top: -79px;
}

#main.company .sec02 .headLine02 span {
	padding-top: 20px;
}

#main.company .sec02 .headLine02:before {
	margin-left: -8px;
	height: 54px;
	background-size: 12px 55px;
	bottom: -40px;
}

#main.company .sec02 p {
	font-size: 16px;
	line-height: 1.81;
	letter-spacing: -1px;
}

#main.company .sec02 .txt01 {
	margin: 0 0 30px;
}

#main.company .sec02 .mainBox {
	width: 680px;
}

#main.company .sec02 dl {
	margin: 0 0 58px 16px;
	font-size: 16px;
	line-height: 1.81;
}

#main.company .sec02 .dlStyle {
	margin-bottom: 29px;
}

#main.company .sec02 dt {
	float: left;
}

#main.company .sec02 dd {
	padding-left: 5em;
}

#main.company .sec02 dl:last-child {
	margin-bottom: 35px;
}

#main.company .sec02 .txt02 {
	margin-bottom: 29px;
}

#main.company .sec03 .mainBox {
	width: 780px;
}

#main.company .sec03 li {
	padding: 14px 0 18px 19px;
}

#main.company .sec03 .subBox {
	padding-left: 2px;
}

#main.company .sec03 .rBox,
#main.company .sec03 .lBox {
	width: 383px;
	font-size: 17px;
	float: left;

	color: #008CCE;
	font-weight: bold;
	line-height: 1.76;
	letter-spacing: -1px;
}

#main.company .sec03 .rBox {
	color: #221814;
	float: right;
	font-size: 16px;
}

#main.company .sec03 li:nth-child(2n-1) {
	background-color: #EFEFEF
}

#main.company .sec03 .lBox p {
	color: #221814;
	font-size: 17px;
	text-align: center;
}

#main.company .sec03 .rBox p {
	color: #221814;
	font-size: 17px;
	text-align: center;
}

#main.company .sec03 .rBox li {
	padding: 20px 6px 16px 13px;
}

.animation {
	opacity: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
}

.fadeInUp {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
}

/*------------------------------------------------------------
	news
------------------------------------------------------------*/
#main.news {
	margin-bottom: 121px;
}

#main.news .headLine01 {
	margin-bottom: 83px;
}

#main.news .headLine01 span {
	min-width: 164px;
}

#main.news .mainBox {
	width: 604px;
}

#main.news dl {
	margin-bottom: 114px;
	letter-spacing: -1px;
}

#main.news dt {
	padding: 18px 10px 6px;
}

#main.news dd {
	padding: 0 10px 16px;
	background: url(img/news/line.gif) repeat-x left bottom;
}

@media all and (min-width: 768px) {
	#gFooter .fBox02 .pageTop {
		display: block !important;
	}
}

@media all and (min-width: 0) and (max-width: 767px) {

	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
	
	
	/*------------------------------------------------------------
		レイアウト
	------------------------------------------------------------*/
	body {
		min-width: inherit;
		font-size: 15px;
		line-height: 1.3;
	}

	#main {
		padding-top: 11px;
	}

	#main .mainBox {
		margin: 0 28px;
		width: auto;
	}

	/*------------------------------------------------------------
		ヘッダー
	------------------------------------------------------------*/
	#gHeader:before {
		display: none;
	}

	#gHeader:after {
		display: none;
	}

#gHeader.index {
	margin-bottom: 0;
}

	#gHeader .hBox {
	margin: 0 auto;
		width: auto;
	}

	#gHeader .hBox img {
		margin: 0 auto;
	}

	#gHeader .logo {
		padding: 0 0 15px;
		float: none;
		text-align: center;
	}
	
	#gHeader .logo a {
		display: inline-block;
		vertical-align: top;
	}

	#gHeader .rBox {
		padding-top: 0;
		width: auto;
		float: none;
	}

	#gHeader .rBox h1 {
		margin-bottom: 16px;
		padding: 7px;
		background-color: #000;
	}
	
	#gHeader .rBox h1 img {
		width: 100%;
		max-width: 317px;
	}

	#gHeader .rBox .textImg {
		margin-top: 0;
		float: none;
	}

	#gHeader .rBox .subBox02 {
		display: none;
	}

	.spMenu {
		position: absolute;
		right: 12px;
		top: 42px;
		z-index: 600;
	}
	
	.spMenu .close {
		display: none;
	}
	
	.spMenu .on img {
		display: none;
	}
	
	.spMenu .on .close {
		display: block;
	}

	/*------------------------------------------------------------
		spMenuBox
	------------------------------------------------------------*/
	.spMenuBox {
		padding: 87px 0 27px;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #EEEEEF;
		z-index: 500;
	}
	
	.spMenuBox .list01 {
		margin-bottom: 25px;
		border-bottom: 1px solid #777;
	}
	
	.spMenuBox .list01 > li {
		line-height: 2;
		border-top: 1px solid #777;
	}
	
	.spMenuBox .list01 > li > a {
		padding: 4px 50px 3px;
		display: block;
		text-decoration: none;
		background: url(img/common/sp_icon01.png) no-repeat 28px center;
		background-size: 13px 13px;
	}
	
	.spMenuBox .list01 > li > span {
		padding: 8px 29px 0;
		display: block;
	}
	
	.spMenuBox .list01 li ul {
		margin: 0 35px 10px 54px;
		line-height: 1.7;
	}
		
	.spMenuBox .list01 li li {
		margin-right: 20px;
		display: inline-block;
		font-size: 12px;
	}
	
	.spMenuBox .list01 li li a {
		text-decoration: none;
	}
	
	.spMenuBox .list02 {
		margin-bottom: 21px;
		text-align: center;
	}
	
	.spMenuBox .list02 li {
		margin: 0 5px;
		display: inline-block;
		font-size: 12px;
	}
	
	
	.spMenuBox .list02 li a {
		text-decoration: none;
	}
	
	.spMenuBox .faceImg {
		margin: 0 28px;
		text-align: right;
	}
	
	.spMenuBox #searchform {
		position: absolute;
		right: 69px;
		bottom: 27px;
	}
	
	.spMenuBox .search {
		padding: 3px 7px 2px;
		position: relative;
		width: 172px;
		float: left;
		border: 1px solid #C8C8C8;
		border-radius: 1px;
		background: #FFF;
	}
	
	.spMenuBox .search img {
		margin-right: 10px;
		vertical-align: -4px;
	}
	
	.spMenuBox .search .sp {
		display: inline-block !important;
	}

	.spMenuBox .search input {
		padding: 0;
		width: 136px;
		color: #6c6b6c;
		font-size: 16px;
		line-height: 1.5;
		border: none;
	}
	
	.spMenuBox .search #searchsubmit {
		position: absolute;
		top: 5px;
		left: 7px;
		width: 20px;
		height: 20px;
		background: none;
		border: none;
		opacity: 0;
		cursor: pointer;
		background: url(img/common/sp_h_img01.png) no-repeat left top;
		background-size: 20px 20px;
	}
	
	/*------------------------------------------------------------
		gNavi
	------------------------------------------------------------*/
	#gNavi {
		display: none;
	}
	
	/*------------------------------------------------------------
		pagePath
	------------------------------------------------------------*/
	#pagePath {
		margin: 0 22px 30px;
		width: auto;
	}

	#pagePath li {
		font-size: 10px;
	}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	width: 726px;
	float: left;
}

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	width: 226px;
	float: right;
}

#sideBar .sTitle {
	padding: 6px 14px 4px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	background-color: #EFEFEF;
}

#sideBar .sTitle01 {
	margin-bottom: 6px;
}

#main #sideBar .selectBox {
	margin-bottom: 34px;
	padding: 14px;
	position: relative;
	border: 1px solid #EEEFEF;
	text-align: center;
}

#main #sideBar .selectBox .selectTxt {
	padding: 0 48px 0 30px;
	min-width: 153px;
	font-size: 13px;
	border: 1px solid #EEEFEF;
	border-radius: 100px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance:none;
	background: url(img/blog/icon01.gif) no-repeat 80% 50%;
	background-size: 9px 13px;
	height: 24px;
	cursor: pointer;
}

#main #sideBar .selectBox ul {
	margin-left: -77px;
	display: none;
	position: absolute;
	left: 50%;
	top: 38px;
	width: 155px;
}

#main #sideBar .selectBox li {
	border-top: none;
	border: 1px solid #EEEFEF;
	background-color: #FFF;
}

#main #sideBar .selectBox li a {
	display: block;
}

#main #sideBar .selectBox li:first-child {
	border-top: 1px solid #EEEFEF;
}

#sideBar .sList {
	margin-bottom: 34px;
}

#sideBar .sList li {
	margin-top: 4px;
}

#sideBar .sList li a {
	padding: 2px 31px;
	display: block;
	text-decoration: none;
	background: url(img/common/icon01.png) no-repeat 11px center;
	border: 2px solid #F3F3F3;
}

#sideBar .sList li a:hover,
#sideBar .sList .on a {
	background-color: #A3BDE2;
	border-color: #A3BDE2;
}

#sideBar .sLinkPho a:hover img {
	opacity: 0.7;
}

	/*------------------------------------------------------------
		フッター
	------------------------------------------------------------*/
	#gFooter {
		padding-top: 0;
		background-color: #000;
	}

	#gFooter .fBox01 {
		display: none;
	}
	
	#gFooter .fBox02 {
		padding: 0;
	}

	#gFooter .fBox02 li {
		margin: 0 0 16px;
		display: block;
		font-size: 12px;
	}

	#gFooter .fBox02 .content {
		padding-top: 23px;
		width: auto;
	}

	#gFooter .fBox02 .pageTop {
		display: none;
		right: 26px;
		top: -66px;
	}
	
	#gFooter .fBox02 .pageTop.fix {
		position: fixed;
		top: auto;
		bottom: 20px;
	}

	#gFooter .fBox02 .pageTop a:hover img {
		opacity: 1;
	}

	#gFooter .fBox02 ul {
		margin-bottom: 24px;
	}
	
	#gFooter .fBox02 li {
		display: block;
	}

	#gFooter .fBox02 li a {
		text-decoration: none;
	}

	#gFooter .fBox02 p {
		padding: 17px 0;
		color: #221714;
		font-size: 10px;
		line-height: 1.6;
		background-color: #EEEDEE;
	}

	#gFooter .fBox02 p span {
		display: block;
		font-size: 8px;
	}

	/*------------------------------------------------------------
		headLine01
	------------------------------------------------------------*/
	#main .headLine01 {
		font-size: 23px;
	}

	#main .headLine01 span {
		padding: 5px 5px;
		min-width: 226px;
	}

	/*------------------------------------------------------------
		headLine02
	------------------------------------------------------------*/
	#main .headLine02 {
		width: 129px;
		height: 129px;
		font-size: 17px;
		line-height: 1.35;
	}

	#main .headLine02:before {
		margin-left: -5px;
		width: 10px;
		height: 46px;
		background: url(img/common/sp_arrow02.png) no-repeat left top;
		background-size: 10px 46px;
		position: absolute;
		bottom: -36px;
	}

/*------------------------------------------------------------
	comTtl
------------------------------------------------------------*/
#main .comTtl {
	padding: 13px 0 12px;
	position: relative;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.34;
	text-align: center;
	border-top: 1px solid #000;
}

#main .comTtl:before {
	margin-left: -56px;
	width: 112px;
	height: 4px;
	background: #000;
	position: absolute;
	top: 0;
	left: 50%;
	  
	content: ""; 
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
#main .comLink {
	text-align: right;
	letter-spacing: -1px;
}

#main .comLink a {
	padding: 4px 0 1px 23px;
	display: inline-block;
	text-decoration: none;
	border-bottom: 2px solid #BFBFBF;
	background: url(img/common/icon01.png) no-repeat left center;
}

#main .comLink a:hover {
	border-bottom-color: #FFF;
}

/*------------------------------------------------------------
	comDl
------------------------------------------------------------*/
#main .comDl {
	line-height: 1.71;
}

#main .comDl dt {
	padding: 15px 7px 2px;
}

#main .comDl dd {
	padding: 0 7px 14px;
	min-height: 48px;
	letter-spacing: -1.5px;
	background: url(img/index/line01.gif) repeat-x left bottom;
}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.indexMainImg {
	position: relative;
}

.indexMainImg img {
	width: 100%;
}

.indexMainImg .slick-dots {
	position: absolute;
	right: 158px;
	bottom: 11px;
	text-align: right;
}

.indexMainImg .slick-dots li {
    position: relative;
    display: inline-block;
	width: 12px;
	height: 12px;
    margin: 0 6px 0 5px;
    padding: 0;
    cursor: pointer;
}

.indexMainImg .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
	width: 12px;
	height: 12px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	background: url(img/index/icon02.png) no-repeat left top;
}

.indexMainImg .slick-dots li.slick-active button {
	background: url(img/index/icon01.png) no-repeat left top;
}

#main.index {
	padding: 0 0 43px;
}

#main.index .bgBox01 {
	margin-bottom: 46px;
	padding: 33px 0 31px;
	background-color: #EFEFEF;
}

#main.index .bgBox01 ul {
	margin: 0 auto;
	width: 1001px;
}

#main.index .bgBox01 li {
	padding-left: 26px;
	float: left;
}

#main.index .bgBox01 li a {
	display: block;
}

#main.index .bgBox01 li a:hover img {
	opacity: 0.7;
}

#main.index .bgBox01 li:first-child {
	padding-left: 0;
}

#main.index .subBox01 {
	margin: 0 1px 48px;
}

#main.index .subBox01 .lBox {
	margin-right: 27px;
	width: 193px;
	float: left;
}

#main.index .subBox01 .lBox form {
	margin: 0 5px 31px 9px;
}

#main.index .subBox01 .lBox form li {
	margin-bottom: 8px;
}

#main.index .subBox01 .lBox form input {
	padding: 5px 5px 3px;
	width: 100%;
	color: #9f9fa0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 13px;
	line-height: 1.54;
	border: 1px solid #CFCFCF;
	box-sizing: border-box;
}

#main.index .subBox01 .lBox form .submit input {
	padding: 3px 5px 4px;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #9FA0A0;
	border: none;
}

#main.index .subBox01 .lBox form .submit {
	margin-bottom: 0;
}

#main.index .subBox01 .lBox form .submit input:hover {
	opacity: 0.7;
}

#main.index .subBox01 .lBox .comTtl02 {
	padding: 17px 0 21px;
}

#main.index .subBox01 .lBox .phoBox {
	border: 1px solid #7F7F7F;
}

#main.index .subBox01 .lBox .phoBox li a {
	padding: 3px 5px 2px;
	display: block;
	color: #FFF;
	text-align: center;
	background-color: #8EC43D;
}

#main.index .subBox01 .lBox .phoBox li a:hover {
	opacity: 0.7;
}

#main.index .subBox01 .lBox .phoBox li:first-child a {
	padding: 4px 5px 3px;
	background-color: #108CCF;
}

#main.index .subBox01 .lBox .phoBox li span {
	padding: 2px 0 0 20px;
	display: inline-block;
	background: url(img/index/icon03.png) no-repeat left center;
}

#main.index .subBox01 .mBox {
	width: 282px;
	float: left;
}

#main.index .subBox01 .rBox {
	width: 468px;
	float: right;
}

#main.index .subBox01 .mBox .comTtl,
#main.index .subBox01 .rBox .comTtl {
	padding: 14px 0 11px;
}

#main.index .subBox01 .pho01 {
	position: relative;
}

#main.index .subBox01 .pho01 > span {
	width: 100%;
	left: 0;
	top: 5px;
	position: absolute;
	font-size: 14px;
	line-height: 1.36;
	text-align: center;
}

#main.index .subBox01 .pho01 .info {
    position: absolute;
	display: block;
    z-index: 24;
    color: #000;
    text-decoration: none;
}

#main.index .subBox01 .pho01 .info01 {
	width: 86px;
	height: 75px;
	right: 33px;
	top: 78px;
}

#main.index .subBox01 .pho01 .info02 {
	width: 86px;
	height: 75px;
	right: 133px;
	top: 78px;
}

#main.index .subBox01 .pho01 .info03 {
	width: 109px;
	height: 93px;
	left: 187px;
	top: 215px;
}

#main.index .subBox01 .pho01 .info04 {
	width: 128px;
	height: 93px;
	left: 49px;
	bottom: 169px;
}

#main.index .subBox01 .pho01 .info05 {
	width: 108px;
	height: 96px;
	left: 123px;
	bottom: 76px;
}

#main.index .subBox01 .pho01 .info06 {
	width: 107px;
	height: 94px;
	right: 31px;
	top: 80px;
}

#main.index .subBox01 .pho01 .info07 {
	width: 108px;
	height: 94px;
	left: 36px;
	top: 177px;
}

#main.index .subBox01 .pho01 .info08 {
	width: 108px;
	height: 94px;
	right: 31px;
	bottom: 140px;
}

#main.index .subBox01 .pho01 .info09 {
	width: 121px;
	height: 94px;
	left: 31px;
	bottom: 40px;
}

#main.index .subBox01 .pho01 .info .txt {
	display: none;
	padding: 14px 5px 10px;
	width: 277px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 12px;
	line-height: 1.6;
    position: absolute;
    border: 1px solid #6EB92C;
    background: url(img/index/transparency.png) repeat left top;
	color: #000;
    text-align: center;
}

#main.index .subBox01 .pho01 .info01 .txt {
    top: -13px;
	left: -138px;
}

#main.index .subBox01 .pho01 .info02 .txt {
	padding: 22px 5px;
	width: 205px;
    top: 9px;
	left: -145px;
}

#main.index .subBox01 .pho01 .info03 .txt {
    top: 8px;
	left: -22px;
}

#main.index .subBox01 .pho01 .info04 .txt {
	width: 263px;
    top: -9px;
	left: -171px;
}

#main.index .subBox01 .pho01 .info05 .txt {
	width: 263px;
    top: 27px;
	left: -77px;
}

#main.index .subBox01 .pho01 .info:hover .txt {
    display: block;
}

#main.index .subBox01 .pho01 .info .txt span {
	margin-top: 6px;
	display: block;
	text-decoration: underline;
}

#main.index .subBox01 .btmTxt {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.34;
}

#main.index .subBox01 .btmTxt a {
	padding: 16px 4px 18px;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #000;
}

#main.index .subBox01 .btmTxt a:hover {
	opacity: 0.7
}

#main.index .subBox02 {
	margin-bottom: 53px;
}

#main.index .subBox02 .lBox {
	margin-right: 27px;
	width: 193px;
	float: left;
}

#main.index .subBox02 .lBox .comTtl {
	padding: 6px 0 16px;
}

#main.index .subBox02 .lBox .comTtl span {
	padding: 10px 0 0 30px;
	display: inline-block;
	background: url(img/index/img01.gif) no-repeat left top;
}

#main.index .subBox02 .lBox .text {
	margin-bottom: 8px;
	line-height: 1.43;
	letter-spacing: -1px;
	text-align: center;
}

#main.index .subBox02 .lBox .videoList {
	margin: 0 3px 26px 7px;
}

#main.index .subBox02 .lBox .videoList li {
	margin-top: 30px;
	text-align: center;
	line-height: 1.43;
}

#main.index .subBox02 .lBox .videoList li img {
	margin-bottom: 3px;
}

#main.index .subBox02 .lBox .videoList li:first-child {
	margin-top: 0;
}

#main.index .subBox02 .lBox .videoLink {
	margin: 0 7px 35px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#main.index .subBox02 .lBox .videoLink a {
	padding: 4px 5px 6px;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #A0A0A0;
}

#main.index .subBox02 .lBox .videoLink a:hover {
	opacity: 0.7;
}

#main.index .subBox02 .lBox .comTtl02 {
	padding: 37px 0 26px;
}

#main.index .subBox02 .lBox .comTtl02 a:hover img {
	opacity: 0.7;
}

#main.index .subBox02 .lBox .comTtl03 {
	padding: 29px 0;
	border-bottom: 1px solid #7F7F7F;
}

#main.index .subBox02 .mBox {
	width: 373px;
	float: left;
}

#main.index .subBox02 .comDl {
	margin-bottom: 20px;
}

#main.index .subBox02 .rBox {
	width: 373px;
	float: right;
}

#main.index .subBox02 .mBox .comTtl,
#main.index .subBox02 .rBox .comTtl {
	padding: 16px 0 0;
}

#main.index .subBox02 .mBox .comTtl,
#main.index .subBox02 .rBox .comTtl {
	margin-bottom: -2px;
}

#main.index .bookBox {
	margin-bottom: 42px;
}

#main.index .bookBox .comTtl {
	padding: 22px 0 21px;
}

#main.index .bookBox ul {
	margin-bottom: 17px;
}

#main.index .bookBox li {
	margin-right: 31px;
	width: 175px;
	float: left;
	line-height: 1.45;
}

#main.index .bookBox .liStyle {
	margin-top: -6px;
}
	
#main.index .bookBox li:last-child {
	margin-right: 0;
}

#main.index .bookBox li a {
	display: block;
	text-decoration: underline;
	letter-spacing: -1px;
}

#main.index .bookBox li a:hover {
	text-decoration: none;
}

#main.index .bookBox li a:hover img {
	opacity: 0.7;
}

#main.index .bookBox li img {
	margin-bottom: 6px;
	display: block;
	width: 143px;
	height: auto;
}

#main.index .bookBox .comLink {
	margin-right: 29px;
}

#main.index .blogBox .comTtl {
	padding: 22px 0 37px;
}

#main.index .blogBox ul {
	margin: 0 0 32px 16px;
}

#main.index .blogBox li {
	padding-left: 2px;
	width: 244px;
	float: left;
}

#main.index .blogBox .cate {
	margin-bottom: 7px;
}

#main.index .blogBox .cate a {
	padding: 5px 18px 6px 10px;
	display: inline-block;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #727171 url(img/index/arrow01.gif) no-repeat right top;
	background-size: 10px 100%;
}

#main.index .blogBox .pho {
	margin-bottom: 4px;
	height: 167px;
	position: relative;
}

#main.index .blogBox .pho .iframeLink {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 224px;
	height: 167px;
	z-index: 10;
}

#main.index .blogBox .pho .iframeLink:hover {
	background: #FFF;
	opacity: 0.3;
}

#main.index .blogBox .pho a:hover img {
	opacity: 0.7;
}

#main.index .blogBox .date {
	margin: 0 0 8px 5px;
}

#main.index .blogBox .text {
	margin-left: 5px;
	line-height: 1.48;
	letter-spacing: -1.5px;
}
	
#main.index .blogBox .text a {
	text-decoration: underline;
}

#main.index .blogBox .text a:hover {
	text-decoration: none;
}

#main.index .blogBox .comLink {
	margin-right: 29px;
}

	/*------------------------------------------------------------
		about
	------------------------------------------------------------*/
	#main.about .headLine01 {
		margin-bottom: 52px;
		width: auto;
	}

	#main.about .sec01 {
		margin: 0 36px 188px;
		width: auto;
	}

	#main.about .sec01 p {
		line-height: 1.83;
	}

	#main.about .sec01 .subBox {
		margin: 0 0 52px;
	}

	#main.about .sec01 .subBox .lTxt {
		margin: 0 auto 81px;
		width: 129px;
		height: 129px;
		float: none;
		font-size: 17px;
		line-height: 1.35;
		letter-spacing: -1px;
	}

	#main.about .sec01 .subBox .lTxt:before {
		margin-left: -5px;
		width: 10px;
		height: 46px;
		background: url(img/common/sp_arrow02.png) no-repeat left top;
		background-size: 10px 46px;
		top: auto;
		bottom: -36px;
		left: 50%;
	}

	#main.about .sec01 .subBox .lTxt span {
		padding: 20px 24px;
	}

	#main.about .sec01 .subBox p {
		margin-top: 0;
		width: auto;
		float: none;
		font-size: 15px;
		font-weight: bold;
		line-height: 2;
		text-align: center;
	}

	#main.about .sec01 .text {
		margin-bottom: 56px;
	}

	#main.about .sec01 .line {
		margin: 0 auto 57px;
		width: 85%;
		height: 1px;
	}

	#main.about .sec02 {
		margin-bottom: 127px;
		padding: 182px 0 97px;
	}

	#main.about .sec02 .headLine02 {
		margin-left: -65px;
		top: -65px;
	}

	#main.about .sec02 ul {
		margin: 0 36px;
		width: auto;
	}

	#main.about .sec02 li {
		margin-top: 132px;
		padding-left: 0;
		width: auto;
		float: none;
		line-height: 1.83;
	}

	#main.about .sec02 li .pho {
		margin-bottom: 27px;
		text-align: center;
	}

	#main.about .sec02 li .pho img {
		width: 208px;
	}

	#main.about .sec02 li .name {
		margin-bottom: 22px;
	}

	#main.about .sec02 li p {
		margin: 0;
	}

	#main.about .sec02 li:first-child {
		margin-top: 0;
	}

	#main.about .sec03 {
		margin: 0 22px 100px;
		width: auto;
	}

	#main.about .sec03 .headLine02 {
		margin-bottom: 113px;
	}

	#main.about .sec03 th,
	#main.about .sec03 td {
		padding: 10px 0 20px 20px;
		line-height: 1.65;
	}

	#main.about .sec03 th {
		padding: 28px 5px 39px;
		width: 28%;
		line-height: 1.2;
		border-left: 1px solid #BFBFBF;
		border-right: 1px solid #BFBFBF;
	}

#main.about .sec03 th:before {
	width: 104%;
	height: 11px;
	background: #FFF;
	position: absolute;
	bottom: 0;
	left: -3px;
	  
	content: ""; 
}

	#main.about .sec03 .tdStyle {
		padding: 5px 0 13px 20px;
	}
	
		/*------------------------------------------------------------
		book
	------------------------------------------------------------*/
	#main.book .headLine01 {
		margin-bottom: 40px;
		width: auto;
	}
		
	#main.book #pagePath {
		margin-bottom: 35px;
	}
	
	#main.book .mainBox {
		margin: 0 70px;
		width: auto;
	}
	
	#main.book .linkList {
		margin: 0 0 40px;
	}

	#main.book .linkList li {
		margin: 23px 0 0;
		float: none;
		font-size: 15px;
		text-align: center;
	}

	#main.book .linkList li:first-child {
		margin: 0;
	}
	
	#main.book .linkList li a {
		padding: 10px 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		min-width: inherit;
	}
	
	#main.book .mainBox h3 {
		padding: 20px 0;
		margin: 0 -12px 39px;
		font-size: 17px;
		width: auto;
	}
	
	#main.book .subBox .lBox .cate {
		padding: 8px15px 6px;
		font-size: 15px;
	}
		
	#main.book .sec01 {
		margin-bottom: 63px;
	}

	#main.book .subBox .lBox .photo img {
		width: 100%;
	}
	
	#main.book .subBox .lBox .link img {
		width: 100%;
	}
	
	#main.book .subBox {
		padding: 0;
	}
	
	#main.book .subBox .lBox {
		float: none;
		width: auto;
	}
	
	#main.book .subBox .rBox {
		margin-top: 58px;
		float: none;
		width: auto;
	}
		
	#main.book .subBox .rBox .title {
		margin: 0 0 8px;
		font-size: 15px;
	}
	
	#main.book .subBox .rBox .title span {
		margin-bottom: 5px;
		font-size: 17px;
	}
	
	#main.book .subBox .rBox .article {
		margin-bottom: 52px;
		font-size: 13px;
		line-height: 1.65;
	}
	
	#main.book .subBox .rBox .article span {
		font-size: 15px;
	}
	
	#main.book .subBox .rBox p {
		margin-bottom: 12px;
		line-height: 1.85;
	}
	
	#main.book .subBox::before {
		width: 110%;
		left: -5%;
	}
	
	#main.book .subBox {
		padding-bottom: 120px;
	}
	
	#main.book .subBox:last-child {
		padding-bottom: 0;
	}
	
	/*------------------------------------------------------------
		contact
	------------------------------------------------------------*/
	#main.contact #pagePath {
		margin-bottom: 25px;
	}
	
	#main.contact .headLine02 {
		margin-bottom: 90px;
	}
	
	#main.contact .topText {
		margin: 0 25px 57px;
		font-size: 13px;
		line-height: 1.7;
	}
	
	#main.contact .topText > span {
		margin-top: 10px;
		display: block;
	}
	
	#main.contact form {
		margin: 0 25px;
		width: auto;
	}
	
	#main.contact th,
	#main.contact td {
		padding: 13px 0;
		font-size: 12px;
		vertical-align: middle;
	}
	
	#main.contact th {
		padding: 10px;
		width: 33%;
	}
	
	#main.contact textarea,
	#main.contact input {
		padding: 4px 5px;
		width: 100%;
		box-sizing: border-box;
		border-radius: 0;
	}

	#main.contact textarea,
	#main.contact input[type="text"] {
		appearance: none;
		-webkit-appearance: none;
	}

	#main.contact textarea {
		height: 160px;
	}
	
	#main.contact td p {
		padding: 7px 13px 7px 16px;
	}
	
	#main.contact .wid01 {
		width: 38%;
	}
	
	#main.contact .tdStyle01 p input:first-child {
		margin-right: 0;
	}
	
	#main.contact .tdStyle01 p input:nth-child(2) {
		width: 38% !important;
	}
		
	#main.contact .wid02 {
		width: 27%;
	}

	#main.contact .spanStyle {
		margin-top: 10px;
		color: #231815;
		display: block;
		font-size: 11px;
		text-align: right;
	}
	
	#main.contact .tdStyle p {
		padding: 7px 10px 7px 5px;
	}
	
	#main.contact .addressTd input {
		width: 28%;
	}
	
	#main.contact .addressTd input:nth-child(2) {
		width: 37%;
	}
	
	#main.contact .thStyle {
		padding: 60px 0 0;
	}

	#main.contact #submit {
		padding: 8px 37px;
		font-size: 12px;
		background-size: 6px auto;
		background-position: right 20px center;
	}

	#main.contact .spTh {
		padding-top: 25px;
		vertical-align: top;
	}

	/*------------------------------------------------------------
		news
	------------------------------------------------------------*/
	#main.news {
		margin-bottom: 60px;
	}

	#main.news .headLine01 {
		margin-bottom: 40px;
	}

	#main.news .mainBox {
		width: auto;
	}

	#main.news dl {
		margin-bottom: 57px;
	}

	#main.news dt {
		padding: 9px 5px 3px;
	}

	#main.news dd {
		padding: 0 5px 8px;
		background: url(img/news/line.gif) repeat-x left bottom;
	}


}

@media all and (min-width: 0) and (max-width: 374px) {
	#main.contact .wid01 {
		width: 33%;
	}
	
	#main.contact .tdStyle01 p input:nth-child(2) {
		width: 33% !important;
	}
}