@charset "utf-8";
/*--------------------------------------------------
	基本設定
--------------------------------------------------*/
body {
	font-size: 14px;
	color: #333;
	font-family: Meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	line-height:150%;
	margin: 0px;
	text-align:center;
	-webkit-text-size-adjust: none;
}

h1,h2,h3,ul,ol,li,dl,dt,dd,p{
	padding: 0px;
	margin: 0px;
	line-height:100%;
}
p,dt,dd,li {
	line-height:140%;
}

img {
	border: none;
	vertical-align: top;
}
hr{
	display: none;
}
form {
	padding:0px;
	margin:0px;
}
ul{
	list-style: none;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
div:after,section:after,address:after {  
    content:"";
    display:table;
    clear:both;
}
.clfx {  
    content:"";
    display:table;
    clear:both;
}
.futoji{
	font-weight:bold;
}
/*--------------------------------------------------
	リンク設定
--------------------------------------------------*/
a{
	color:#36C;
	text-decoration:underline;
}
a:hover {
	color:#999;
	text-decoration:none;
}
/*--------------------------------------------------
	ヘッダー設定
--------------------------------------------------*/
#page_top {
  margin: 0;
  padding: 0;
}

header{
	width:1000px;
	margin: 0px auto 10px auto;
}

.samary{
	width:1000px;
	text-align:right;
	height:19px;
	margin:5px 0 0 0;
}
.samary p.samary-txt,h1.samary-txt{
	color:#333;
	font-weight:normal;
	font-size:12px;
	line-height:100%;
	margin:0;
	padding: 0px 0px 0px 0px;
}
.logo{
	float:left;
	margin:0 0 0 0;
}

.tel{
	float:right;
	margin:0 0 0 0;
}

/*  ----------------------------------------------------------

       nav:contNav

---------------------------------------------------------- */
.contNav{
	position:fixed;
	width:100%;
	height:100%;
	height : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
	height : -webkit-calc(100% - 54px) ;
	height : calc(100% - 54px) ;
	top:54px;
	left:0;
	padding-bottom:32px;
	box-sizing:border-box;
	z-index:600;
	background:#fff;
	text-align:left;
	}
.contNav .contNavFrame h2{
	position:relative;
	background:#333;
	width:100%;
	font-size:12px !important;
	padding:5px 10px;
	box-sizing:border-box;
	letter-spacing:0.05em;
	line-height:20px;
	color:#fff;
	margin-bottom:0;
}
.contNav ul+h2{
	margin-top:-1px;
	z-index:21;
}
.contNav ul{
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.contNav ul:after {  visibility: hidden; display: block; font-size: 0; content:"."; clear: both; height: 0; }
.contNav ul li{
	float:left;
	width:49%;
	position:relative;
	border-bottom:1px dotted #333;
	line-height:1.2em;
}
.contNav ul li:nth-child(2n){
	margin-left:2%;
}
.contNav ul li:before{
	position:absolute;
	content:"";
	top:50%;
	margin-top:-5px;
	left:3px;
	background:url(../img/mb-menu-tri.jpg) left center no-repeat;
	width:6px;
	height:10px;
	display:block;
}
.contNav ul li a{
	width:100%;
	/*height:100%;*/
	color:#333;
	display:block;
	text-decoration:none;
	font-size:13px;
	letter-spacing:-0.05em;
	box-sizing:border-box;
	padding:10px 0 0.6em 12px;
}
.contNav ul li.txt_tsume a{
	letter-spacing:-0.08em;
}
.contNav ul li a:hover{
	color:#f03434;
}
.contNav ul li .otherWindow span{
	padding-right:23px;
	background:url(../../images/head/windows-couple.png) right 50% no-repeat;
	background-size:14px 14px;
}
.contNav #close{
	width:100%;
	height:100px;
	display:block;
	padding-top:20px;
	text-align:center;
	background:#333;
	color:#FFF;
}
@media screen and (max-width:767px){
	body{
		background:none;
	}
	header{
		border-bottom:1px solid #CCC;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		background-color:#FFF;
		width:100%;
	}
	.sma-menu{
		position:relative;
		width:100%;
		margin:0;
	}
	.sma-menu ul{
		list-style:none;
	}
	.sma-menu li{
		float:left;
	}
	.sma-menu1{
		width:25%;
	}
	.sma-menu2{
		width:32%;
	}
	.sma-menu3{
		width:14.7%;
	}
	.sma-menu4{
		width:14.3%;
	}
	.sma-menu5{
		width:14%;
	}
	.sma-menu li img{
		width:100%;
		height:auto;
	}
	.sma-tel{
		position:relative;
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 0;
		padding:0 0 3px 0;
		border-bottom:1px solid #CCC;
	}
	.sma-space{
		width:100%;
		margin:0;
	}
	.sma-space img{
		width:100%;
		height:auto;
	}
	.tel{
		display:none;
	}
	.global-line{
		width:100%;
		height:1px;
		background-color:#ccc;
		margin-top:10px;
	}
	#gNav {
	    width: 100%;
	    position: absolute;
	    top: -3000px;
		left:0;
	    z-index: 9999;
	    transition: top 1s;
	    -webkit-transition: top 1s;
	    -moz-transition: top 1s;
	    text-align: center;
	    background:#FFF;
	}
	#gNav:target {
 	   top: 10px;
	}
	#gNav li{
		padding:10px 0 10px 10%;
		border-bottom:1px solid #069;
		color:#C33;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		background-color:#FAFAFA;
	}
	#gNav li a{
		color:#333;
		text-decoration:none;
		display:block;
	}
	#gNav li.sma-menu-cate{
		font-size:16px;
		padding:10px 0 10px 10%;
		border-bottom:1px solid #069;
		color:#FFF;
		text-align:left;
		background-color:#0D244F;
	}
	#gNav li.sma-menu-cate a{
		color:#FFF;
		text-decoration:none;
		display:block;
	}
	#fademenu {
	    position: absolute;
	    top: 0;
		width:100%;
		background-color:#000000;
		opacity:0.5;
		visibility:hidden;
		z-index:99;
	}
	.nav-close {
		padding:10px 0 10px 0;
	    background:#0D244F;
	}
	.nav-close a{
		color:#FFF;
		text-decoration:none;
		font-size:16px;
		font-weight:bold;
		display:block;
	}
	.no-br{
		display:none;
	}
	.mainImageInit ul{
		z-index: -1;
	}
	
}
/*--------------------------------------------------
	編集可能領域設定
--------------------------------------------------*/

.mainimage-area{
	width:100%;
	height:300px;
	margin:0 0 0 0;
	background-color:#18428E;
}
.mainimage{
	width:1000px;
	height:300px;
	margin: 0px auto 0 auto;
}
.mainimage-award{
	width:100%;
	height:60px;
	margin:0 0 0 0;
	background-color:#06152F;
}
.mainimage-award ul{
	width:1098px;
	list-style:none;
	margin:0 auto;
}
.mainimage-award li{
	float:left;
	margin:0;
}
.mainimage-line{
	width:100%;
	height:10px;
	margin:0 0 0 0;
	background-color:#D7E2F9;
}

.fadein {
	position:relative;
	height:300px;
	width:1000px;
}
.fadein img {
	position:absolute; left:-1px; top:0;
}
#contenter{
	width:1000px;
	margin: 6px auto 0px auto;
}
/*　パンクズ　*/
#TopicPath {
  position:relative;
  height:6px;
  margin:10px 0 0 0;
}
#TopicPath ol {
  padding: 10px 0;
  text-align: left;
  list-style: none;
  font-size: 12px;
  float:left;
}
#TopicPath ol li {
  display: inline;
  color: #555;
}
#TopicPath ol li a { color: #333; }
#TopicPath ol li.home a { color: #555; }

#TopicPath .innerPath {
  width: 1000px;
  margin: 0 auto;
}
#contenter #contents{
	width:710px;
	float:right;
	text-align:left;
	margin:10px 0 0 0;
}
.top-con-area1{
	width:1000px;
	margin:20px auto 0 auto;
}
.top-con-area1 h1{
	font-family:"Sawarabi Mincho", YuMincho, "Sawarabi Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","A1 Mincho","A1明朝", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游ゴシック",serif;
	font-size:16px;
	line-height:140%;
	color:#333;
	margin:20px 0 0 0px;
}
.top-con-area2{
	width:1000px;
	margin:0px auto 0 auto;
}
.top-info{
	background:none;
	width:490px;
	float:left;
	margin:20px 0 0 0;
	border:1px solid #CCC;
}
.top-info-title{
	float:left;
	margin:0;
}

.top-info-com{
	width:488px;
	height:320px;
	overflow:auto;
	border-top:1px solid #CCC;
}
.top-info-com p{
	line-height:140%;
	text-align:left;
	padding:15px;
	border-bottom:1px dotted #999;
	color:#333;
	font-weight:normal;
	font-size:14px;
}
.top-con-area3{
	width:1000px;
	text-align:center;
	margin:30px auto 0 auto;
}
@media screen and (max-width:767px){
	.mainimage-area{
		width:100%;
		height:auto;
	}
	.mainimage{
		width:100%;
		height:auto;
		margin:25px 0 0 0;
	}
	.mainimage img{
		width:100%;
		height:auto;
	}
	.mainimage-award{
		display:none;
	}
	.mainimage-area-sma{
		margin:0px 0 0 0;
	}
	#mainimage-sma{
		margin: 0px auto 0 auto;
	}
	.mb-btn-area{
		margin:0px 0 0 0;
	}
	.mb-btn-1{
		margin:0 0 0 0;
	}
	.mb-btn-1 ul{
		list-style:none;
	}
	.mb-btn-1 li{
		width:24%;
		float:left;
		margin:5px 0.5% 0 0.5%;
	}
	.mb-btn-1 li img{
		width:100%;
		height:auto;
	}
	.mb-btn-2{
		margin:0 0 0 0;
	}
	.mb-btn-2 ul{
		list-style:none;
	}
	.mb-btn-2 li{
		width:98%;
		float:left;
		margin:5px 0 0 1%;
	}
	.mb-btn-2 img{
		width:100%;
		height:auto;
	}
	#contenter{
		width:100%;
		margin: 0px 0 0px 0;
	}
	#TopicPath{
		display:none;
	}
	#contenter #contents{
		width:100%;
		text-align:left;
		margin:0px 0 0 0;
	}
	.top-con-area1{
		width:98%;
		margin:10px 0 0 1%;
	}
	.top-con-area1 h1{
		width:94%;
		margin:10px 0 0 3%;
	}
	.top-con-area1 p{
		width:94%;
		margin:5px 0 0 3%;
		line-height:150%;
		text-align:left;
	}
	.top-con-area1 img{
		width:100%;
		height:auto;
		margin:10px 0 0 0;
	}
	.top-con-area2{
		width:97.5%;
		margin:10px 0 0 1%;
		padding:0 0 0 0;
	}
	.top-info{
		background:none;
		width:100%;
		float:left;
		margin:0px 0 0 0;
	}
	.top-info-title{
		width:100%;
		margin:0;
	}
	.top-info-title img{
		width:100%;
		height:auto;
		margin:0;
	}

	.top-info-com{
		width:100%;
		height:300px;
		margin:0 0 0 0;
	}
	.top-info-com p{
		padding:10px 3% 10px 3%;
	}

	.top-con-area3{
		width:98%;
		margin:10px 0 0 1%;
		padding:0 0 0 0;
	}
	.top-con-area3 img{
		width:100%;
		height:auto;
		margin:10px 0 0 0;
		padding:0 0 0 0;
	}

}
/*-------------------------------------------------------------
#Social
-------------------------------------------------------------*/
#Social{
	width:56px;
	position:fixed;
	bottom:40px;
	right:0px;
}
#Social img{
	width:56px;
	height:auto;
	float:left;
	margin:20px 0 0 0;
    clear:both;
}
@media screen and (max-width:767px){
	#Social{
		width:12%;
		position:fixed;
		bottom:20px;
		right:0px;
	}
	#Social img{
		width:100%;
		height:auto;
		opacity: 0.7;
	}
}
/*--------------------------------------------------
	フッター
--------------------------------------------------*/
footer{
	background:url(../../img/footer_bk.jpg) repeat-x center top;
	width:100%;
	margin: 50px 0px 0px 0px;
}
#footer{
	width:1000px;
	margin: 0px auto 0px auto;
	padding:0px 0 0 0;
	text-align:left;
}

#footer .footerlink{
	float:left;
	width:980px;
	height:344px;
	margin:17px 0 0px 40px;
}
#footer .footerlink img{
	float:right;
	margin:30px 0 0px 0px;
}

#footer .footerlink1{
	float:left;
	width:241px;
	margin:0px 0 0 0px;
}
#footer .footerlink2{
	float:left;
	width:334px;
	margin:0px 0 0 0px;
}
#footer .footerlink21{
	float:left;
	width:121px;
	margin:5px 0 0 0px;
}
#footer .footerlink22{
	float:left;
	width:171px;
	margin:5px 0 0 0px;
}
#footer .footerlink3{
	float:left;
	width:240px;
	margin:0px 0 0 0px;
}
#footer .footerlink4{
	float:left;
	width:150px;
	margin:0px 0 0 0px;
}
#footer .footerlink-text01{
	background:url(../../img/footerlink-bk01.jpg) no-repeat left center;
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 17px;
	margin:16px 0 0 0px;
}
#footer .footerlink-text01 a{
	color:#333;
	text-decoration:none;
}
#footer .footerlink-text01 a:hover{
	color:#AAA;
	text-decoration:underline;
}

#footer .footerlink-text02{
	background:url(../../img/footerlink-bk02.jpg) no-repeat left center;
	font-size:14px;
	text-align:left;
	color:#666;
	padding: 2px 0px 0px 12px;
	margin:2px 0 0 12px;
}
#footer .footerlink-text02 a{
	color:#666;
	text-decoration:none;
}
#footer .footerlink-text02 a:hover{
	color:#AAA;
	text-decoration:underline;
}
#footer .footer-logo{
	width:1000px;
	margin:3px 0 0px 0px;
	padding-bottom:10px;
}
#footer .footer-logo img{
	float:left;
	margin:0;
}

#footer address{
	float:left;
	font-size:12px;
	font-style:normal;
	width:500px;
	margin:12px 0 0px 10px;
}

.footer-bottom{
	margin: 10px 0px 5px 0px;
	width:1000px;
}
.footer-bottom img{
	margin: 0px 0px 0px 0px;
}
.bottomleft{
	width:311px;
	float:left;
	margin: 0px 0px 0px 0px;
}
.bottomleft img{
	float:left;
	margin: 0px 0px 0px 0px;
}
.bottomright{
	float:right;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	margin:-8px 0px 0 0;
	padding:0 0 0 0;
}
.bottomright a{
	color:#FFF;
	text-decoration:none;
}
.bottomright a:hover{
	color:#999;
	text-decoration:underline;
}
@media screen and (max-width:767px){
	#footer .footerlink,#footer .footer-soryo ,#footer .footer-logo-pc{
		display:none;
	}
	footer{
		border-top:1px solid #CCC;
		background:none;
		width:100%;
		margin: 20px 0px 0px 0px;
	}
	.footer-logo{
		float:none;
		width:100%;
		margin:20px 0 0px 0;
	}
	.footer-logo img{
		width:100%;
		height:auto;
	}
	.footer-link{
		margin:20px 0 0 0;
		width:100%;
		font-size:14px;
		text-align:center;
	}
	.footer-link a{
		color:#000;
		text-decoration:none;
	}
	.footer-bottom{
		border-top:1px solid #CCC;
		width:100%;
		margin:30px 0px 0px 0px;
		padding:10px 0 10px 0;
	}
	.bottomleft{
		width:96%;
		float:left;
		margin: 0px 0px 0px 2%;
	}
}

/*--------------------------------------------------
	個別エリア
--------------------------------------------------*/
.sub-section{
	margin:20px 0 0 20px;
}
.sub-section img{
	float:right;
	margin:20px 0px 0 15px;
}
.sub-section2{
	margin:20px 0 0 20px;
}
.sub-section2 img{
	float:left;
	margin:20px 20px 0 10px;
}

@media screen and (max-width:767px){
	.sub-section{
		margin:10px 0 0 1%;
	}
	.sub-section img{
		width:40%;
		height:auto;
		margin:20px 3% 10% 5%;
	}
	.sub-section2{
		margin:10px 0 0 1%;
	}
	.sub-section2 img{
		width:40%;
		height:auto;
		margin:20px 5% 10% 3%;
	}
}
.title-h1 {
	background:url(../../img/title-bk01.jpg) no-repeat left center;
	width:680px;
	height:23px;
	border-bottom:1px dotted #999;
	font-size:16px;
	padding:9px 0px 0px 30px;
	margin:14px 0 0 0px;
}
@media screen and (max-width:767px){
	.title-h1 {
		font-family:"Sawarabi Mincho","游明朝", YuMincho, "Sawarabi Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","A1 Mincho","A1明朝", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游ゴシック",serif;
		background:url(../img/title-bk01.jpg) no-repeat left center;
		padding:5px 0px 0px 8%;
		font-size: 30p;
		margin:10px 0 0px 1%;
		width:91%;
		text-align:left;
	}
}
.title-01 {
	background:url(../../img/title-bk02.jpg) no-repeat left center;
	width:665px;
	height:23px;
	border-bottom:1px dotted #333;
	font-size:16px;
	padding:14px 0px 0px 30px;
	margin:0px 0 0 0px;
}
@media screen and (max-width:767px){
	.title-01 {
		width:89%;
		height:auto;
		font-size: 5vmin;
		padding:6px 0px 3px 7%;
		margin:20px 0 0 1%;
	}
}
.title-02 {
	background:url(../../img/title-bk03.jpg) no-repeat left top;
	width:662px;
	height:21px;
	font-size:14px;
	font-weight:bold;
	padding:9px 0px 9px 33px;
	margin:0px 0 0 10px;
}
@media screen and (max-width:767px){
	.title-02 {
		font-family:"Sawarabi Mincho", YuMincho, "Sawarabi Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","A1 Mincho","A1明朝", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游ゴシック",serif;
		background:url(../img/title-bk03-mb.jpg) no-repeat left center;
		background-size:100% auto;
		width:90%;
		height:auto;
		font-size: 4vmin;
		padding:8px 0px 6px 8%;
		margin:20px 0 0 1%;
	}
}
.title-03 {
	background:url(../../img/title-bk04.jpg) no-repeat left top;
	width:662px;
	height:21px;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 0 33px;
	margin:0px 0 0 0px;
}
@media screen and (max-width:767px){
	.title-03 {
		background:url(../img/title-bk04-mb.jpg) no-repeat left center;
		background-size:100% auto;
		width:89%;
		height:auto;
		font-size: 4vmin;
		padding:8px 0px 6px 8%;
		margin:20px 0 0 1%;
	}
}
.title-04 {
	background:url(../../img/title-bk05.jpg) no-repeat left top;
	width:662px;
	height:21px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 0 33px;
	margin:0px 0 0 0px;
}
@media screen and (max-width:767px){
	.title-04 {
		background:url(../img/title-bk05-mb.jpg) no-repeat left center;
		background-size:100% auto;
		width:88%;
		height:auto;
		font-size: 4vmin;
		padding:8px 0px 6px 9%;
		margin:20px 0 0 1%;
	}
}
.title-05 {
	background:url(../../img/title-bk06.jpg) no-repeat left top;
	width:662px;
	height:21px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 0 33px;
	margin:0px 0 0 0px;
}
@media screen and (max-width:767px){
	.title-05 {
		width:89%;
		height:24px;
		font-size: 4vmin;
		padding:12px 0px 0px 8%;
		margin:20px 0 0 1%;
	}
}
.title-06 {
	font-size:16px;
	font-weight:bold;
	color:#009;
	margin:20px 0 0 10px;
}
@media screen and (max-width:767px){
	.title-06 {
		width:92%;
		height:24px;
		font-size: 5vmin;
		padding:12px 0px 0px 0;
		margin:20px 0 0 2%;
	}
}
.title-07 {
	background:url(../../img/title-bk07.jpg) no-repeat left top;
	font-size:16px;
	height:26px;
	font-weight:bold;
	color:#600;
	padding:15px 0px 0px 40px;
	margin:20px 0 0 20px;
}
.title-07 a{
	text-decoration:underline;
	color:#600;
}
.title-07 a:hover{
	text-decoration:none;
	color:#F93;
}
@media screen and (max-width:767px){
	.title-07 {
		background:url(../img/title-bk07.jpg) no-repeat left top;
		width:82%;
		height:26px;
		font-size: 5vmin;
		padding:15px 0px 0px 10%;
		margin:20px 0 0 2%;
	}
}

.title-11 {
	font-size:16px;
	font-weight:bold;
	color:#600;
	margin:20px 0 0 20px;
}
@media screen and (max-width:767px){
	.title-11 {
		width:92%;
		height:24px;
		font-size: 5vmin;
		padding:12px 0px 0px 0;
		margin:20px 0 0 2%;
	}
}
.title-12 {
	font-size:16px;
	font-weight:bold;
	color:#C33;
	margin:20px 0 0 20px;
}
@media screen and (max-width:767px){
	.title-12 {
		width:92%;
		height:24px;
		font-size: 5vmin;
		padding:12px 0px 0px 0;
		margin:20px 0 0 2%;
	}
}

.comment {
	padding:0px 10px 0px 10px;
	margin:10px 0 0px 20px;
}
.comment img{
	float:right;
	margin:15px 20px 0px 20px;
}
@media screen and (max-width:767px){
	.comment {
		width:94%;
		margin:10px 0 0px 3%;
		padding:0 0 0 0;
	}
}
.comment2 {
	width:660px;
	font-size:14px;
	padding:0px 10px 0px 0px;
	margin:15px 0 0px 20px;
}
@media screen and (max-width:767px){
	.comment2 {
		width:94%;
		margin:10px 0 0px 2%;
	}
}
.comment3 {
	font-size:14px;
	padding:0px 10px 0px 0px;
	margin:10px 0 0px 10px;
}
@media screen and (max-width:767px){
	.comment3 {
		width:94%;
		margin:10px 0 0px 2%;
	}
}
.hyo-area2{
	margin:20px 0 0 10px;
}

.hyo-area2 dl{
	margin:10px 0 10px 0px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	background:#eee;
	width:680px;

}

.hyo-area2 dt{
	margin:0;
	padding:10px;
	border-top:1px solid #999;
	background:#eee;
	float:left;
	clear:both;
	width:120px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:1.4;
}

.hyo-area2 dd{
	margin-left:140px;
	padding:10px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#ffffff;
	font-size:14px;
	text-align:left;
	line-height:1.4;
}
@media screen and (max-width:767px){
	.hyo-area2{
		margin:10px 0 0 1%;
	}
	.hyo-area2 dl{
		width:98%;
		margin:0;
		border:none;
	}
	.hyo-area2 dt{
		width:98%;
		float:left;
		text-align:left;
		line-height:1.4;
		border-bottom:1px #999 dotted;
		margin:10px 0 0 0;
		padding:4px 0 4px 10px;
		font-size:16px;
	}
	.hyo-area2 dd{
		width:92%;
		float:left;
		text-align:left;
		line-height:1.4;
		border:none;
		margin:10px 0 0 3%;
		padding:0 0 0 1%;
	}
}
/* chumonform */
.sub-chumonform{
	margin:20px 0 0 0px;
}
.sub-chumonform2{
	margin:20px 0 0 0px;
}
.sub-chumonform h2,.sub-chumonform2 h2,.sub-chumonform h3,.sub-chumonform2 h3{
	font-size:16px;
	font-weight:bold;
	color:#F66;
	margin:20px 0 0 20px;
}
.sub-chumonform2 h4{
	width:640px;
	font-size:14px;
	font-weight:bold;
	color:#C33;
	background-color:#EFEFEF;
	margin:20px 0 0 20px;
	padding:15px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.sub-chumonform dl{
	width:670px;
	list-style:none;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background:url(../../img/hyo-bk.jpg) repeat-y left top;
	margin:10px 0 0 20px;
}
.sub-chumonform dt{
	clear:both;
	width:170px;
	float:left;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	padding:18px 0 18px 15px;
  	}
.sub-chumonform dd{
	font-size:14px;
	line-height:130%;
	border-bottom: 1px solid #999999;
	padding:15px 0 15px 220px;
	}
	
.sub-chumonform2 dl{
	width:670px;
	list-style:none;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background:url(../../img/hyo-bk2.jpg) repeat-y left top;
	margin:10px 0 0 20px;
}
.sub-chumonform2 dt{
	clear:both;
	width:170px;
	float:left;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	padding:12px 0 18px 15px;
  	}
.sub-chumonform2 dd{
	font-size:14px;
	line-height:130%;
	border-bottom: 1px solid #999999;
	padding:15px 0 15px 220px;
	}

.sub-chumonform p{
	width:650px;
	float:left;
	margin:10px 0 0 30px;
	line-height:130%;
}
.sub-chumonform2 p{
	width:650px;
	float:left;
	margin:10px 0 0 30px;
	line-height:130%;
}

.sub-chumonform input,.sub-chumonform select{
	margin:3px 3px 3px 3px;
}
.sub-chumonform-com{
	color:#333;
	font-size:12px;
	font-weight:normal;
}
.sub-chumonform-harf{
	margin:0;
}
.sub-chumonform-textarea{
	margin:10px 0 0 0px;
	width:420px;
}
input[type="submit"] {
	width:100px;
	color: #333;
	font-size: 12px;
	padding:10px;
	margin:30px 0 0 20px;
}
.sub-chumonform-submit{
	width:100%;
	text-align:center;
}
.red {
	color: #F66;
}
@media screen and (max-width:767px){

	.sub-chumonform{
		width:98%;
		margin:10px 0 0 1%;
	}
	.sub-chumonform2{
		width:98%;
		margin:10px 0 0 1%;
	}
	.sub-chumonform-notice1{
		float:left;
		width:4%;
		color:#600;
		line-height:140%;
		margin:10px 0 0 1%;
	}
	.sub-chumonform-notice2{
		float:left;
		width:93%;
		color:#600;
		line-height:140%;
		margin:10px 0 0 0;
	}
	.sub-chumonform-notice3{
		float:left;
		width:94%;
		color:#F33;
		line-height:140%;
		margin:0px 0 20px 2%;
	}
	.sub-chumonform h2,.sub-chumonform2 h2,.sub-chumonform h3,.sub-chumonform2 h3{
		font-size:16px;
		width:98%;
		font-weight:bold;
		color:#F66;
		margin:10px 0 0 1%;
		padding:0 0 5px 0;
		border-bottom:#999 dotted 1px;
	}
	.sub-chumonform2 h4{
		font-size:16px;
		width:70%;
		margin:10px 0 0 0;
		padding:5px 0 5px 0;
		border:none;
		border-bottom:1px dotted #ccc;
		background:none;
	}
	.sub-chumonform dl{
		width:100%;
		background:none;
		border:none;
		margin:0px 0 0 0;
	}
	.sub-chumonform dt{
		width:96%;
		float:left;
		padding:0px 0 5px 1%;
		margin:0px 0 5px 1%;
		border-bottom:1px dotted #CCC;
	  	}
	.sub-chumonform dd{
		border-bottom: none;
		padding:0px 0 10px 1%;
		margin:20px 0 0px 1%;
	}
	
	.sub-chumonform2 dl{
		width:100%;
		background:none;
		border:none;
		margin:0px 0 0 0;
	}
	.sub-chumonform2 dt{
		width:96%;
		float:left;
		padding:0px 0 5px 1%;
		margin:0px 0 5px 1%;
		border-bottom:none;
	  	}
	.sub-chumonform2 dd{
		border-bottom: none;
		padding:0px 0 10px 1%;
		margin:20px 0 0px 1%;
		}

	.sub-chumonform p{
		width:100%;
		margin:10px 0 0 3px;
	}
	.sub-chumonform2 p{
		width:100%;
		margin:10px 0 0 0;
	}
	.sub-chumonform input[type="text"],.sub-chumonform2 input[type="text"]{
		background-color:#FFC;
		width:96%;
		margin:3px 0 3px 1%;
		font-size:14px;
		padding:5px 0 5px 0;
	}
	.sub-chumonform select,.sub-chumonform2 select{
		background-color:#FFC;
		width:25%;
		margin:5px 0 3px 1%;
		font-size:14px;
		padding:5px 0 5px 0;
	}
	.sub-chumonform-harf input[type="text"]{
		background-color:#FFC;
		width:40%;
		font-size:14px;
		margin:3px 0 3px 1%;
	}
	.sub-chumonform-nen input[type="text"]{
		background-color:#FFC;
		width:20%;
		font-size:14px;
		margin:0 0 3px 1%;
	}

	.sub-chumonform-textarea{
		background-color:#FFC;
		margin:10px 0 0 8px;
		font-size:14px;
		width:95%;
	}
	input[type="submit"] {
		width:40%;
		padding:10px;
		font-weight:bold;
		font-size:16px;
		color:#F33;
		margin:20px 0 0 0;
	}

	/*---------------------------Radioのみ--------------------*/
	label.radio {
		position      : relative;
		display       : inline-block;
		width         : 15px;
		height        : 15px;
		border        : 2px solid #F93;
		border-radius : 100%;
		overflow      : hidden;
		cursor        : pointer;
		margin:0 1% 0 1%;
	}
	label.radio:before {
		content          : '';
		display          : block;
		width            : 11px;
		height           : 11px;
		border-radius    : 100%;
		position         : absolute;
		top              : 2px;
		left             : 2px;
		z-index          : 1;
		background-color : #333; 
	}
	label.radio input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		margin     : 0px;
		position   : absolute;
		z-index    : 2;
		top        : -2px;
		left       : -23px;
		width      : 20px;
		height     : 20px;
		display    : block;
		box-shadow : 20px 0px #FFF;
	}
	label.radio input[type="radio"]:checked {
		box-shadow : none;
	}
	label.radio input[type="radio"]:focus {
		box-shadow : 20px 0px #FFF;
		opacity    : 0.2;
	}
	/*---------------------------CheckBox--------------------------- */
	label.checkbox {
		cursor     : pointer;
		width      : 20px;
		height     : 20px;
		border     : 2px solid #F93;
		background : #fff;
		overflow   : hidden;
		position   : relative;
		display    : inline-block;
		box-sizing : border-box;
		margin:0 1% 0 1%;
	}
	label.checkbox input[type="checkbox"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		margin     : 0;
		padding    : 0;
		position   : absolute;
		left       : 20px;
		width      : 20px;
		height     : 20px;
		left       : -40px;
		box-shadow : 39px 0px #FFF;
		z-index    : 2;
	}
	label.checkbox input[type="checkbox"]:checked {
		box-shadow : none;
	}
	label.checkbox input[type="checkbox"]:checked:focus {
		box-shadow : 39px 0px #666;
		opacity    : 0.1;
	}
	label.checkbox input[type="checkbox"]:focus {
		box-shadow : 39px 0px #EEE;
	}
	label.checkbox:after {
		content           : '';
		position          : absolute;
		top               : 40%;
		left              : 5px;
		display           : block;
		margin-top        : -8px;
		width             : 8px;
		height            : 12px;
		border-right      : 3px solid #D65;
		border-bottom     : 3px solid #D65;
		transform         : rotate(45deg);
		-webkit-transform : rotate(45deg);
		-moz-transform    : rotate(45deg);
		z-index           : 1;
	}
}
.press-unit{
	width:620px;
	margin:30px 0 0 20px;
	border:1px solid #CCC;
	padding:30px 30px 30px 30px;
}
.press-unit img{
	float:left;
	margin:0 0 0 0px;
	padding:3px;
	border:1px solid #CCC;
}
.press-unit h2{
	width:400px;
	float:right;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	background-color:#162E63;
	padding:5px 5px 5px 20px;
	margin:0 0px 0 0;
}
.press-unit h2 a{
	color:#FFF;
	text-decoration:underline;
}
.press-unit h3{
	width:400px;
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#333;
	background-color:#C0D1F5;
	padding:5px 5px 5px 20px;
	margin:0 0px 0 0;
}
.press-unit p{
	width:410px;
	float:right;
	margin:10px 0px 0 0px;
	text-align:left;
	line-height:140%;
}
.topics-area{
	margin:20px 0 0 30px;
}
.topics-area dt{
	background:url(../../img/title-tri.jpg) left center no-repeat;
	width:100px;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin:10px 0 0 0;
	padding:5px 0 5px 20px;
	line-height:140%;
}
.topics-area dd{
	width:500px;
	float:left;
	font-size:14px;
	margin:15px 0 0 0;
	line-height:140%;
}
.topics-com{
	margin:20px 0 0 20px;
}
.topics-com img{
	margin:10px 10px 10px 10px;
}
.topics-com h2{
	font-weight:bold;
	font-size:14px;
}
.topics-link{
	width:650px;
	margin:30px 0 0 10px;
	padding:10px 0 0 10px;
	border-top:1px dotted #333;
}
@media screen and (max-width:767px){
	.press-unit{
		width:92%;
		margin:10px 0 0 1%;
		border:1px solid #CCC;
		padding:10px 3% 10px 3%;
	}
	.press-unit img{
		width:40%;
		height:auto;
		margin:0 0 0 0px;
		padding:1px;
	}
	.press-book{
		width:25% !important;;
		height:auto;
	}
	.press-unit h2{
		width:52%;
		font-size:14px;
		background-color:#162E63;
		padding:3px 0 3px 3%;
		margin:0 0px 0 0;
	}
	.press-unit h3{
		width:52%;
		padding:3px 0 3px 3%;
		margin:0 0px 0 0;
	}
	.press-unit p{
		width:55%;
		margin:10px 0px 0 0px;
	}
	.topics-area{
		width:98%;
		margin:10px 0 0 1%;
	}
	.topics-area dt{
		background:url(../img/title-tri.jpg) left center no-repeat;
		width:92%;
		margin:10px 0 0 1%;
		padding:5px 0 5px 5%;
	}
	.topics-area dd{
		width:98%;
		margin:10px 0 0 1%;
	}
	.topics-com{
		width:98%;
		margin:10px 0 0 1%;
	}
	.topics-com img{
		width:70%;
		height:auto;
		margin:10px 0 10px 15%;
	}
	.topics-link{
		width:98%;
		margin:20px 0 0 1%;
		padding:10px 0 0 0;
	}

}
.zai-link{
	margin:20px 0 10px 20px;
}
.zai-link ul{
	list-style:none;
}
.zai-link li{
	float:left;
	margin:5px 6px 5px 6px;
}
.zai-link li a{
	color:#333;
	text-decoration:underline;
}
.zai-link li a:hover{
	color:#999;
	text-decoration:none;
}
.product-kuroiro1{
	float:left;
	margin:30px 0 0 120px;
}
.product-kuroiro2{
	float:left;
	margin:30px 0 0 120px;
}
.product-kuroiro3{
	float:right;
	margin:30px 120px 0 0px;
}
.productidx-area{
	margin:10px 0 0 15px;
}
.productidx-unit{
	float:left;
	width:104px;
	margin:20px 15px 0 15px;
	text-align:center;
}
.productidx-name{
	color:#333;
	font-size:12px;
	margin:3px 0 0 0;
}
.productidx-name a{
	color:#333;
	text-decoration:none;
}
.productidx-name a:hover{
	color:#999;
	text-decoration:underline;
}

@media screen and (max-width:767px){
	.zai-link{
		width:98%;
		margin:0px 0 20px 1%;
	}
	.zai-link li{
		width:100%;
		margin:20px 0px 0 0;
	}
	.zai-link a{
		color:#333;
		text-decoration:underline;
	}
	.zai-link a:hover{
		color:#F93;
		text-decoration:none;
	}
	.product-kuroiro1{
		width:70%;
		margin:10px 15% 0 15%;
	}
	.product-kuroiro2{
		width:70%;
		margin:10px 15% 0 15%;
	}
	.product-kuroiro3{
		width:70%;
		margin:10px 15% 0 15%;
	}
	.product-kuroiro1,.product-kuroiro2,.product-kuroiro3 img{
		width:100%;
		height:auto;
	}
	.productidx-area{
		width:98%;
		margin:10px 0 0 1%;
	}
	.productidx-unit{
		width:44%;
		margin:20px 3% 0 3%;
	}
	.productidx-unit img{
		width:80%;
		height:auto;
		margin:0;
	}
	.productidx-name{
		margin:3px 0 0 0;
	}

}
.tokushuidx-area{
	margin:20px 0 0 20px;
}
.tokushuidx-area img{
	float:right;
	margin:0 10px 0 20px;
}
.tokushuidx-area dt{
	background:url(../../img/title-tri.jpg) left center no-repeat;
	width:400px;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin:10px 0 0 0;
	padding:5px 0 5px 20px;
	line-height:140%;
}
.tokushuidx-area dd{
	width:400px;
	font-size:14px;
	float:left;
	margin:10px 0 0 20px;
	line-height:140%;
}
.tokushuidx-index{
	margin:20px 0 0 20px;
}
.tokushuidx-index h2{
	background:url(../../img/title-bk03.jpg) no-repeat left top;
	width:662px;
	height:21px;
	font-size:14px;
	font-weight:bold;
	padding:9px 0px 9px 33px;
	margin:0px 0 0 0px;
}
.tokushuidx-index p{
	margin:20px 0 20px 20px;
}
.tokushuidx-index li{
	background:url(../../tokushu/img/toku-mark01.jpg) no-repeat left center;
	width:600px;
	font-size:16px;
	font-weight:bold;
	color:#625F37;
	padding:9px 0px 9px 28px;
	margin:10px 0 0 20px;
}
.tokushuidx-index li a{
	color:#625F37;
	text-decoration:underline;
}
.tokushuidx-index li a:hover{
	color:#999;
	text-decoration:none;
}
.tokushu-img{
	margin:30px auto 0 auto;
	line-height:160%;
	text-align:center;
}
.gold-shurui{
	margin:20px 0 0 20px;
}
.gold-shurui dt{
	background:url(../../goldplate/img/gold-mark01.jpg) no-repeat left center;
	border-bottom:1px dotted #999;
	width:640px;
	font-size:16px;
	font-weight:bold;
	color:#826500;
	padding:9px 0px 9px 28px;
	margin:10px 0 0 10px;
}
.gold-shurui-ph{
	width:640px;
	font-size:16px;
	font-weight:bold;
	color:#036;
	margin:10px 0 0 40px;
}
.gold-shurui-com{
	width:640px;
	line-height:140%;
	margin:10px 0 20px 40px;
}
.platinum-ul{
	margin:10px 0 20px 0px;
}
.platinum-list01{
	background:url(../../platinum/img/platinum-mark01.jpg) no-repeat left center;
	font-size:14px;
	font-weight:bold;
	color:#006;
	line-height:140%;
	padding:5px 0 5px 20px;
	margin:0px 0 0 0px;
}
.platinum-list02{
	background:url(../../platinum/img/platinum-mark03.jpg) no-repeat left center;
	font-size:14px;
	font-weight:bold;
	color:#42680F;
	line-height:140%;
	padding:5px 0 5px 20px;
	margin:0px 0 0 0px;
}
.platinum-list03{
	background:url(../../platinum/img/platinum-mark02.jpg) no-repeat left center;
	font-size:14px;
	font-weight:bold;
	color:#F66;
	line-height:140%;
	padding:5px 0 5px 20px;
	margin:0px 0 0 0px;
}
.catetop-unit{
	width:690px;
	margin:20px 0 0 20px;
}
.catetop-unit h2{
	background:url(../../img/catetop-mark01.jpg) no-repeat left center;
	border-bottom:1px dotted #999;
	width:640px;
	font-size:16px;
	font-weight:bold;
	color:#003;
	padding:9px 0px 9px 27px;
	margin:10px 0 0 10px;
}
.catetop-unit h2 a{
	color:#003;
	text-decoration:none;
}
.catetop-unit h2 a:hover{
	color:#003;
	text-decoration:underline;
}
.catetop-unit img{
	float:left;
	margin:15px 0 0 20px;
	padding:1px;
	border:1px solid #CCC;
}
.catetop-unit p{
	float:left;
	width:460px;
	margin:20px 0 0 20px;
}
.catetop-btn{
	float:left;
	margin:15px 0px 0 20px;
}
.catetop-btn a{
	color:#F66;
	font-weight:bold;
	text-decoration:none;
}
.catetop-btn a:hover{
	color:#FCC;
	text-decoration:none;
}

@media screen and (max-width:767px){
	.tokushuidx-area{
		width:98%;
		margin:20px 0 0 1%;
	}
	.tokushuidx-area img{
		width:35%;
		height:auto;
		margin:0 1% 0 5%;
	}
	.tokushuidx-area dt{
		width:94%;
		margin:10px 0 0 0;
		padding:5px 0 5px 5%;
	}
	.tokushuidx-area dd{
		width:96%;
		margin:10px 1% 0 3%;
	}
	.tokushuidx-index{
		width:98%;
		margin:20px 0 0 1%;
	}
	.tokushuidx-index h2{
		width:92%;
		margin:10px 0 0 0;
		padding:8px 0 5px 7%;
	}
	.tokushuidx-index p{
		width:98%;
		margin:10px 0 0 1%;
	}
	.tokushuidx-index li{
		width:91%;
		padding:9px 0px 9px 7%;
		margin:10px 0 0 1%;
	}
	.tokushu-img{
		width:98%;
		margin:10px 0 0 1%;
	}
	.tokushu-img img{
		width:100%;
		height:auto;
	}
	.gold-shurui{
		width:98%;
		margin:20px 0 0 1%;
	}
	.gold-shurui dt{
		width:91%;
		margin:10px 0 0 1%;
		padding:9px 0px 9px 7%;
	}
	.gold-shurui-ph{
		width:96%;
		margin:10px 0 0 3%;
	}
	.gold-shurui-com{
		width:96%;
		margin:10px 0 0 3%;
	}
	.catetop-unit{
		width:98%;
		margin:20px 0 0 1%;
	}
	.catetop-unit h2{
		width:93%;
		padding:9px 0px 9px 7%;
		margin:10px 0 0 0;
	}
	.catetop-unit img{
		width:35%;
		height:auto;
		margin:10px 0 0 1%;
	}
	.catetop-unit p{
		float:left;
		width:55%;
		margin:10px 0 0 3%;;
	}
	.catetop-btn{
		float:right;
		margin:10px 5% 0 0;
	}


}
.sozai-shurui{
	margin:20px 0 0 10px;
}
.sozai-shurui h2{
	background:url(../../img/title-bk03.jpg) no-repeat left top;
	width:660px;
	height:21px;
	font-size:16px;
	font-weight:bold;
	padding:7px 0px 7px 33px;
	margin:0px 0 0 0px;
}
.sozai-shurui h3{
	background:url(../../tokushu/img/toku-mark01.jpg) no-repeat left center;
	font-size:15px;
	font-weight:bold;
	color:#006;
	padding:3px 0 3px 27px;
	margin:20px 0 0 10px;
}
.sozai-shurui h4{
	font-size:14px;
	font-weight:bold;
	color:#F66;
	margin:20px 0 0 20px;
}

.sozai-shurui ol{
	list-style-type:disc;
}
.sozai-shurui li{
	margin:7px 0 0 40px;
}
.sozai-shurui img{
	float:right;
}
.sozai-photo01{
	margin:250px 30px 0 0;
}
.sozai-photo02{
	margin:100px 30px 0 0;
}
.sozai-photo03{
	margin:50px 30px 0 0;
}
.tokucho-area{
	margin:30px 0 0 20px;
}
.tokucho-area h2{
	background:url(../../sozai/img/tokucho-h2-bk.jpg) no-repeat left top;
	border-bottom:1px dotted #006;
	width:640px;
	height:21px;
	font-size:18px;
	color:#F33;
	font-weight:bold;
	padding:15px 0px 13px 50px;
	margin:0px 0 0 0px;
}
.tokucho-area p{
	margin:20px 0 20px 30px;
	font-size:14px;
	color:#600;
}
.tokucho-area p a{
	color:#600;
	font-weight:bold;
	text-decoration:underline;
}
.tokucho-area p a:hover{
	color:#999;
	text-decoration:none;
}

.tokucho-area img{
	margin:30px 0 0 60px;
}
@media screen and (max-width:767px){
	.sozai-shurui{
		width:98%;
		margin:10px 0 0 1%;
	}
	.sozai-shurui h2{
		background:url(../img/title-bk03.jpg) no-repeat left top;
		width:92%;
		padding:7px 0px 7px 8%;
		margin:0px 0 0 0px;
	}
	.sozai-shurui h3{
		background:url(../tokushu/img/toku-mark01.jpg) no-repeat left center;
		padding:3px 0 3px 7%;
		margin:10px 0 0 1%;
	}
	.sozai-shurui h4{
		margin:10px 0 0 20px;
	}

	.sozai-shurui ol{
		list-style-type:disc;
	}
	.sozai-shurui li{
		width:86%;
		margin:7px 0 0 10%;
		line-height:120%;
	}
	.sozai-shurui img{
		width:30%;
		height:auto;
	}
	.sozai-photo01{
		margin:250px 1% 0 0;
	}
	.sozai-photo02{
		margin:100px 1% 0 0;
	}
	.sozai-photo03{
		margin:50px 1% 0 0;
	}
	.tokucho-area{
		width:98%;
		margin:10px 0 0 1%;
	}
	.tokucho-area h2{
		background-size:10% auto;
		width:85%;
		padding:15px 0px 13px 15%;
		margin:10px 0 0 0px;
	}
	.tokucho-area p{
		width:98%;
		margin:10px 0 0 1%;
	}
	.tokucho-area img{
		width:80%;
		height:auto;
		margin:30px 0 0 10%;
	}

}
.flow-area{
	margin:30px 0 0 20px;
}
.flow-area img{
	margin:0 0 0 0;
}
.flow-area p{
	margin:20px 0 0 10px;
	line-height:140%;
}
.flow-area dl{
	margin:10px 0 0 0;
}
.flow-area dt{
	float:left;
	width:60px;
	color:#06C;
	margin:10px 0 0 0;
}
.flow-area dd{
	float:left;
	width:600px;
	margin:10px 0 0 0;
}
.flow-area2{
	margin:30px 0 0 20px;
}
.flow-area2 p{
	margin:20px 0 0 10px;
	font-weight:bold;
	color:#600;
	line-height:140%;
}
.flow-area2 dt{
	float:left;
	width:170px;
	
	margin:10px 0 0 10px;
}
.flow-area2 dd{
	float:left;
	width:500px;
	color:#F66;
	font-weight:bold;
	font-size:16px;
	margin:10px 0 0 0;
}
.flow-area2 dd a{
	color:#F66;
	text-decoration:underline;
}
.flow-area2 dd a:hover{
	color:#999;
	text-decoration:none;
}
.flow-area3{
	margin:50px 0 0 20px;
}
.flow-area3 img{
	float:right;
	margin:20px 50px 0 0;
}
.flow-area3 p{
	margin:20px 0 0 10px;
	line-height:140%;
}
.flow-area3 ol{
	margin:10px 0 0 10px;
}
.flow-area3 li{
	width:500px;
	color:#600;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 0 25px;
}
.flow-area3 dd a{
	color:#F66;
	text-decoration:underline;
}
.flow-area3 dd a:hover{
	color:#999;
	text-decoration:none;
}
.flow-alert{
	width:600px;
	float:left;
	margin:30px 0 0 0;
}
@media screen and (max-width:767px){
	.flow-area{
		width:98%;
		margin:10px 0 0 1%;
	}
	.flow-area img{
		width:100%;
		height:auto;
		margin:0 0 0 0;
	}
	.flow-area p{
		width:100%;
		margin:20px 0 0 0;
	}
	.flow-area dt{
		width:100%;
		margin:10px 0 0 0;
	}
	.flow-area dd{
		width:96%;
		margin:10px 0 0 3%;
	}
	.flow-area2{
		width:98%;
		margin:10px 0 0 1%;
	}
	.flow-area2 p{
		width:100%;
		margin:10px 0 0 0;
	}
	.flow-area2 dt{
		width:100%;
		margin:10px 0 0 0;
	}
	.flow-area2 dd{
		width:96%;
		margin:10px 0 0 3%;
	}
	.flow-area3{
		width:98%;
		margin:10px 0 0 1%;
	}
	.flow-area3 img{
		width:50%;
		height:auto;
		float:right;
		margin:20px 1% 0 0;
	}
	.flow-area3 p{
		margin:10px 0 0 0;
	}
	.flow-area3 ol{
		margin:10px 0 0 0;
	}
	.flow-area3 li{
		width:40%;
		margin:10px 0 0 6%;
	}
	.flow-alert{
		width:98%;
		margin:10px 0 0 1%;
	}
}
.voice-unit{
	width:98%;
	margin:5px 0 0 1%;
	padding:5px 0 5px 0;
	border-top:1px solid #CCC;
}
.voice-unit dt{
	float:left;
	width:98%;
	line-height:140%;
	color:#066;
	margin:10px 0 0 2%;
}
.voice-unit dd{
	float:left;
	width:93%;
	line-height:140%;
	margin:6px 0 10px 5%;
}
.voice-goods{
	color:#600;
	font-weight:bold;
}
.voice-goods2{
	color:#333;
	font-weight:bold;
}
.kiji-banner{
	width:98%;
	margin:10px 0 0 1%;
}
.kiji-banner img{
	width:100%;
	height:auto;
}
.kiji-unit{
	margin:10px 0 0 1%;
	padding-bottom:10px;
	width:98%;
	border-bottom:1px dotted #999;
}
.kiji-unit img{
	float:left;
	width:15%;
	height:auto;
	margin:10px 0 0 3%;
}
.kiji-unit h2{
	float:left;
	font-size:16px;
	font-weight:normal;
	color:#C33;
	width:75%;
	margin:30px 0 0 0;
}
.kiji-hyo{
	width:98%;
	margin:10px 0 0 1%;
}
.kiji-hyo img{
	width:100%;
	height:auto;
}
.kiji-unit  dt{
	float:left;
	width:4%;
	line-height:140%;
	margin:10px 0 0 5%;
}
.kiji-unit  dd{
	float:left;
	width:85%;
	line-height:140%;
	margin:10px 0 10px 2%;
}
.kiji-m1{
	width:94%;
	color:#C33;
	font-weight:bold;
	margin:20px 0 0 3%;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
}
.kiji-t1{
	float:left;
	width:10%;
	color:#066;
	margin:10px 0 0 5%;
}

.kiji-m2{
	float:left;
	width:78%;
	margin:10px 0 0 0;
}
.kiji-t2{
	float:left;
	width:40%;
	color:#066;
	margin:10px 0 0 5%;
}
.kiji-m3{
	float:left;
	width:40%;
	margin:10px 0 0 0;
}
.kiji-com{
	width:90%;
	margin:10px 0 0 5%;
}
.some-unit{
	margin:10px 0 0 1%;
	padding-bottom:10px;
	width:98%;
	border-bottom:1px dotted #999;
}
.some-unit img{
	float:left;
	width:15%;
	height:auto;
	margin:10px 0 0 3%;
}
.some-unit h2{
	float:left;
	font-size:16px;
	font-weight:normal;
	width:75%;
	margin:30px 0 0 0;
}
.some-unit  dt{
	float:left;
	width:4%;
	line-height:140%;
	margin:0px 0 0 5%;
}
.some-unit  dd{
	float:left;
	width:85%;
	line-height:140%;
	margin:0px 0 10px 2%;
}
.flow-unit{
	margin:10px 0 0 1%;
	padding-bottom:10px;
	width:98%;
}
.flow-unit img{
	float:left;
	width:15%;
	height:auto;
	margin:10px 0 0 3%;
}
.flow-unit h2{
	float:left;
	font-size:16px;
	font-weight:bold;
	width:75%;
	margin:30px 0 0 4%;
}
.flow-unit  li{
	float:left;
	width:90%;
	line-height:140%;
	margin:0px 0 10px 5%;
}
.flow-img{
	width:90%;
	margin:0px 0 0 5%;
}
.flow-img img{
	width:100%;
	height:auto;
}
.flow-img2{
	width:90%;
	margin:10px 0 0 5%;
}
.flow-img2 img{
	width:100%;
	height:auto;
}
.flow-arrow{
	width:98%;
	text-align:center;
	margin:20px 0 20px 1%;
	padding:10px 0 10px 0;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
.flow-arrow img{
	width:10%;
	height:auto;
}
.shiharai-h3{
	font-size:16px;
	color:#600;
	font-weight:bold;
	width:97%;
	margin:15px 0 0 3%;
}
.shikarai-com{
	width:95%;
	margin:0 0 0 5%;
}
.shiharai-com ul{
	list-style-type:circle;
}
.shiharai-com li{
	float:left;
	width:80%;
	color:#333;
	font-weight:bold;
	line-height:140%;
	margin:10px 0 0px 10%;
}
.shiharai-com p{
	float:left;
	width:80%;
	line-height:140%;
	margin:5px 0 0px 10%;
}
.shiharai-com2{
	width:90%;
	margin:10px 0 0 5%;
}
.shiharai-kome{
	float:left;
	width:5%;
	line-height:140%;
	margin:10px 0 0px 0%;
}
.shiharai-kome2{
	float:left;
	width:95%;
	line-height:140%;
	margin:10px 0 0px 0%;
}
.shiharai-soryo{
	width:80%;
	line-height:140%;
	margin:0px 0 0px 10%;
}
.shiharai-soryo dt{
	float:left;
	width:50%;
	color:#066;
	line-height:140%;
	margin:5px 0 0 5%;
	border-bottom:1px dotted #999;
}
.shiharai-soryo dd{
	float:left;
	width:25%;
	line-height:140%;
	margin:5px 0 0 0;
	text-align:right;
	padding:0 3% 0 0;
	border-bottom:1px dotted #999;
}
.shiharai-com3{
	width:90%;
	color:#C33;
	margin:10px 0 0 7%;
}
.shiharai-com4{
	width:90%;
	color:#600;
	font-weight:bold;
	margin:10px 0 0 5%;
}
.ryokin-link{
	width:99%;
	margin:10px 0 0 1%;
}
.ryokin-link li{
	float:left;
	width:48%;
	margin:0 1% 0 1%;
}
.ryokin-link img{
	width:100%;
	height:auto;
}
.ryokin-h2{
	width:98%;
	margin:30px 0 0 1%;
}
.ryokin-h2 img{
	width:100%;
	height:auto;
}
.ryokin-hyo{
	width:100%;
	margin:5px 0 0 0;
}
.ryokin-hyo img{
	width:100%;
	height:auto;
}
.ryokin-kome{
	float:left;
	width:5%;
	color:#F33;
	line-height:140%;
	margin:5px 0 0px 1%;
}
.ryokin-kome2{
	float:left;
	width:90%;
	color:#F33;
	line-height:140%;
	margin:5px 0 0px 0%;
}