@charset "utf-8";
body { font-family:"Lato","Helvetica Neue","Helvetica","Roboto","Noto Sans Japanese","hiragino kaku gothic pro","Meiryo",sans-serif !important; font-size:14px; line-height:1.6428571 ;color:#363636; background-color:#fff; }

.translate { float:right; clear:both; }

.b{font-weight:bold;}

h1{
	font-size:8px;
	margin-top:2px;
	text-decoration:none;
	letter-spacing: 100%;
}
h2{font-size:14px;}
h3{font-size:16px;}
h4{font-size:12px;}

h4.line{
	width:98%;
	font-size:14px;
	border-left:4px solid #006600;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
}
.f18 { font-size:18px; }
.f20 { font-size:20px; }

hr.bor { float:left; clear:both; width:98%; margin-bottom:20px; }
.center { text-align:center; }
.red { color:#F00; }
/* -------------画像をフレキシブル ------------- */
img {
	max-width: 100%;
	width:auto;
	height: auto;
	
}

/*	マージン・パディング・ボーダー
------------------------------------------------------------- */
.m0 { margin: 0 !important;}
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb120 { margin-bottom: 120px !important; }
.mt10 { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.p0 { padding: 0 !important;}
.b0 { border: 0 !important;}
.mR5 {margin-right:5px !important; }
.mR10 {margin-right:10px !important; }
.mL10 {margin-left:10px !important; }

.f_right { float:right; }
.f_center { float:center; }

/* -------------フロートを解除するclearfix ------------- */
.clear { clear: both; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/* ------------- ヘッダー部分-------------- */

#header {
	float:left;
	width:100%;
	background-color:#FFF;
}
#top{
	float:left;
	width:100%;
}
#subnav{
	width:300px;
	float:right;
	margin:20px 13px 0px 0px;
	display:block; 
}
#subnav a{
	text-decoration:none;
	font-size:12px;
	vertical-align:middle;
}
#subnav li{ text-align:right; height:50px; }
#subnav li:first-child { height:23px; }


.topbox { padding-left:10px; background-color:#FFF !important;}
.topbox ul {}
.topbox ul:after { content:''; display:block; clear:both; height:0; }
.topbox li { position:relative; float:left; padding:1%;}
.topbox li p { color:#666; text-align:center;}
.topbox li p strong { font-size:120%;}
.topboxInnner { padding: 5px 0;}
.topboxInnner h2 { font-size: 130%; color: #333; font-weight: bold; text-align: center;}
.topboxInnner .green { font-size: 130%; color: #2E5A30;}

/* バナーリンク */
.hedlk {
	width:96%;
	text-align:center; 
	overflow: hidden;
	height: 30px;
	margin: 0 auto;
	padding-bottom: 5px;
	border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	-webkit-box-shadow: 0 5px 3px -3px #A1A9BA;
    -moz-box-shadow: 0 5px 3px -3px #A1A9BA;
     box-shadow: 0 5px 3px -3px #A1A9BA;
}
.hedlk a {
	font-size:130%;
	display: block;
	position: relative;
	z-index: 100;
	background: #00a0e9;
	line-height:40px;
	color: #fff !important;
	text-decoration:none;
}
.hedlk a:hover {
	background: #3ab2e9;
	text-decoration:none;
}


#IconList3 a:before {        /*白い丸 */ 
	display: block;
	text-align:right;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;        /* CSS3草案 */  
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
	background: #fff;
}
#IconList3 a:after {        /*「after要素」で三角 */ 
	text-align:right;
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	border-left: 5px solid #00a0e9;
}
#IconList3 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	border-left: 5px solid #3ab2e9;
}


/* ------------- メインコンテンツ -------------- */

.contents{
	width:96%;
	margin:2%;
	word-wrap: break-word;
	overflow:hidden;
}
.contents2{
	width:96%;
	margin:2%;
	text-align:center;
}
.cont{
	width:96%;
	float:left;
	margin:2%;
}
.cont1{
	width:96%;
	float:left;
	margin:1% 2%;
	text-align:center;
}

.cont2{
	width:96%;
	float:left;
	margin:0 2% 1% 2%;
	text-align:left;
}

.cont3{
	width:100%;
	float:left;
	margin:0 1% 
}


.obi{
	background-color:#38542a;
	padding:5px;
	color:#FFF;
	margin-bottom:15px;
}
/* ------------- NEWSコンテンツ -------------- */
.NewsboxS{padding:2%;}
.news {
	width:96%;
	float:left;
	margin:10px 2% 0;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	background: #fff;
	border-radius: 4px;
}
.news iframe{margin-top:10px; margin-left:2%; height:100%; padding-bottom:2%;}
#heading3{
    border:solid 1px #ddd;
    padding: 5px;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(../../%E8%87%A8%E6%99%82%E7%94%A8/css/images/PIE.htc);  /* ie */
    }
#heading3 span{border-left:5px #3cf solid;padding-left:10px;}
#heading3 a{
	float:right;
	font-size:12px;
	margin-right:2%;
	text-decoration:underline;
}
#heading3 a:visited{ color:#09F; text-decoration:underline;}
/* ------------- カテゴリー -------------- */
.cate{
	float:left;
	width:96%;
	margin:0px 2%;
}
.cate_cont{
	width:96%;
	float:left;
	margin:2%;
}
.cate_cont h4{
	font-size:14px;
	padding-top:5px;
}
.catebox{
	float:left;
	background:url(../../%E8%87%A8%E6%99%82%E7%94%A8/images/ntop-obi02.gif) repeat-x left;
	height:38px;
	width:96%;
	margin:0px 2%;
}
.catebox h2{
	float:left;
	font-size:16px;
	padding-top:12px;
}
.catebox01 {
	float:left;
	color:#FFF;
	padding:3px 10px;
	margin-top:15px;
    background:#00853C;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    behavior: url(../../%E8%87%A8%E6%99%82%E7%94%A8/css/PIE.htc); /* IE */
}
.catebox01 h3{font-size:12px;}
.catebox02 {
	float:left;
	color:#FFF;
	padding:3px 10px;
	margin-top:15px;
    background:#004097;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    behavior: url(../../%E8%87%A8%E6%99%82%E7%94%A8/css/PIE.htc); /* IE */
}
.catebox02 h3{font-size:12px;}
.catebox03 {
	float:left;
	color:#FFF;
	padding:3px 10px;
	margin-top:15px;
    background:#f78a36;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    behavior: url(../../%E8%87%A8%E6%99%82%E7%94%A8/css/PIE.htc); /* IE */
}
.catebox03 h3{font-size:12px;}
.catebox04 {
	float:left;
	color:#FFF;
	padding:3px 10px;
	margin-top:15px;
    background:#4090C6;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    behavior: url(../../%E8%87%A8%E6%99%82%E7%94%A8/css/PIE.htc); /* IE */
}
.catebox04 h3{font-size:12px;}
.catebox05 {
	float:left;
	color:#FFF;
	padding:3px 10px;
	margin-top:15px;
    background:#49322A;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    behavior: url(../../%E8%87%A8%E6%99%82%E7%94%A8/css/PIE.htc); /* IE */
}
.catebox05 h3{font-size:12px;}
.catebox06 {
	float:left;
	color:#FFF;
	padding:3px 10px;
	margin-top:15px;
    background:#239F8D;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    behavior: url(../../%E8%87%A8%E6%99%82%E7%94%A8/css/PIE.htc); /* IE */
}
.catebox06 h3{font-size:12px;}

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

#footer {	
	width: 100%;
	float: left;
	background-color:#FFF;
	text-align:center;
	border-top:#999 1px solid;
	padding-top:5px;
}
#footer p { float:left; width:98%; }
#footer p a { display:inline-block; margin-right:10px; padding-right:10px; border-right:#ccc 1px solid; color:inherit; }
#footer p a:last-child { margin-right:0; padding-right:0; border-right:0; }

/* ------------- リンク -------------- */

.hoge a:hover img {
	opacity:0.4;
    filter: alpha(opacity=40);  
    -ms-filter: "alpha( opacity=40 )";  
}

/* ------------- SNSいいねボタン -------------- */
.sns { float:left; width:96%; margin-left:4%; margin-bottom:30px; }
ul.ex li {float:left; margin-right:1%; }

.tv-button2 {
  display: inline-block;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 13px;
  background-color: #006BCF;
  background-image: -webkit-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -moz-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -o-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  border-color: hsl(209, 40%, 41%);
  -webkit-box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #003669;
  -moz-text-shadow: 1px 1px 1px #003669;
  -o-text-shadow: 1px 1px 1px #003669;
  text-shadow: 1px 1px 1px #003669;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6.600000000000001px 24px 6.600000000000001px 24px;
  margin-bottom:10px;
  width:92%;
}
.pright{float:left; margin-right:1%; text-align:right; width:100% !important; margin-bottom:10px; }

.Scene{
	border-left:#F93 8px solid;
	padding-left:5px;
}

/*Coineyページ用*/
#maintop_c {
	width:1000px;
	margin:10px auto;
	font-size:14px;
	line-height:1.5em;
	text-align:left;
	background-color:#FFFFFF;
}

#maintop_c h1 { font-weight:bold; font-size:28px; color:#79bf00; line-height:1.6em; padding-left:20px;}

#cc_l { float:left; margin:0 20px; width:440px; text-align:center;}
#cc_r { float:right; width:420px;  margin:0 20px 0 40px; text-align:center;}
P.cc_tt { font-size:18px; color:#79bf00;}
#cc_l td .cc_mini { font-size:12px;}
#cc_l td .cc_large { font-size:22px;}
#cc_r td .cc_large { font-size:22px;}

#cc_p h2{ background:url(../../%E8%87%A8%E6%99%82%E7%94%A8/lp/padpos/image/c_padpos.png) no-repeat left  ; font-weight:bold; font-size:28px; border-bottom: #199d4f 1px solid; height:35px; width:630px; padding: 30px 0 0 330px; color:#3e3a39; margin:0 0 0 20px;}

#cc_c h2{ background:url(../../%E8%87%A8%E6%99%82%E7%94%A8/lp/padpos/image/c_coiney.png) no-repeat left  ; font-weight:bold; font-size:28px; border-bottom: #4889cc 1px solid; height:35px; width:700px; padding: 30px 0 0 260px; color:#3e3a39; margin:0 0 0 20px;}

.cc_m { width:960px; margin:0 20px 70px 20px;}
.cc_m h2{  font-weight:bold; font-size:25px; height:35px; width:900px; color:#3e3a39; margin:20px 0;}

#cc_ml { float:left; margin:0 20px; width:570px;}
#cc_ml ul{ list-style-image:url(../../%E8%87%A8%E6%99%82%E7%94%A8/lp/padpos/image/c_check2.png); font-size:24px; color:#80aa40;}
#cc_ml li{ line-height:2em; margin-left:20px; border-bottom:#CCC 3px dotted;}
#cc_mr { float:left; margin:0 0 20px 0; width:300px;}

#cc_pl { float:left; margin:0 20px 20px 80px; width:440px;}
#cc_pl ul{ list-style-image:url(../../%E8%87%A8%E6%99%82%E7%94%A8/lp/padpos/image/c_check.png); font-size:24px; color:#736d6d;}
#cc_pl li{ line-height:2em;}
#cc_pr { float:right; margin:40px 20px 20px 0; width:400px;}

#cc_cl { float:left; margin:0 20px 20px 80px; width:460px;}
#cc_cl ul{ list-style-image:url(../../%E8%87%A8%E6%99%82%E7%94%A8/lp/padpos/image/c_check.png); font-size:24px; color:#736d6d;}
#cc_cl li{ line-height:2em;}
#cc_cr { float:right; margin:0 20px 20px 0; width:380px;}

.cc_mm { float:left; margin:10px; width:300px; text-align:center; font-size:12px;}

#cc_ki { width:960px; margin:0 20px 70px 20px;}
#cc_ki h2{ background:url(../../%E8%87%A8%E6%99%82%E7%94%A8/lp/padpos/image/c_ki.png) no-repeat left  ; font-weight:bold; font-size:28px; border-bottom: #4876ff 1px solid; height:35px; width:850px; padding: 30px 0 0 80px; color:#3e3a39; margin:0 0 20px 0px;}

#cc_kiki{ float:left; margin:10px; width:31%; text-align:center; font-size:14px; color:#79bf00;}
#cc_kiki p{ margin:0; padding:0;}
#cc_kiki .kmini{ font-size:10px; color:#333; padding:0; margin:0;}

#cc_dl { width:920px; margin:0 20px 70px 20px; background: url(../../%E8%87%A8%E6%99%82%E7%94%A8/lp/padpos/image/c_dl.png) no-repeat top; padding:100px 20px 20px 20px;
 text-align:center;}
#cc_dl a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

.cl{ clear:both;}



/*BCPOS Ver.5.2ページ用*/
#ver52_top{ background:url(../../%E8%87%A8%E6%99%82%E7%94%A8/lp/bcposver5_2/image/top.png) no-repeat top; width:1000px; height:226px; margin-bottom:20px;}
#ver52_topl{ float:left; width:243px; height:40px; padding:20px 0 0 20px;}
#ver52_topr{ float:right; width:326px; height:99px; padding:20px 20px 0 0;}

.kadomaru {
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */

   border: 1px #CCCCCC solid;     /* 枠線の装飾 */
   width:840px;
   height:auto;
   margin:0 auto;
   padding:20px 30px;
   text-align:left;
   }

#kadomaru_top {
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */
   background-color:#fcf6eb;
   color: #333;
   width:840px;
   height:auto;
   margin:10px auto 50px;
   padding:20px 30px;
   text-align:left;
   }

#kadomaru_top h1{ font-weight:bold; font-size:24px; color:#1d6500; padding:3px 0 0 10px; margin-bottom:20px; background-color:#ff878a; color:#FFF;}

#kadomaru_top p{ font-size:16px; line-height:1.6em;}
#kadomaru_top ul{ list-style:none; font-size:16px;padding:0; margin:0;}
#kadomaru_top li{ margin:0 0 0 30px; padding:0; line-height:1.8em; }  
#kadomaru_top h3{ font-weight:bold; font-size:18px; color:#bb4700; margin-bottom:10px;}

.kadomaru h3{ font-weight:bold; font-size:24px; color:#bb4700; padding:0; margin:0 0 10px 0;}
.kadomaru h4{ font-weight:bold; font-size:18px; color:#763900; border-bottom: #CCC dotted 3px; padding:0; margin:0 0 20px 50px;}
.kadomaru h5{ font-weight:bold; font-size:18px; color:#763900; padding:0; margin:0 0 10px 50px; text-align:left;}

.kadomaru p{ padding:0; margin:0;}
#ver52_kml { float:left; width:65%; font-size:14px; line-height:2em; margin-right:30px; height:auto;}
#ver52_kml p{ margin-left:20px;}

#ver52_kmr { float:right; width:25%; height:auto;}

#ver52_kml2 { float:left; width:50%; font-size:14px; line-height:2em; margin:0 70px 0 70px; height:auto;}
#ver52_kmr2 { float:left; width:25%; height:auto;}

ul#ver52_verup{ margin:0 0 20px 50px; line-height:1.5em; list-style:none;}
ul#ver52_verup li{ font-size:14px; line-height:1.5em;}

.facebook-plug { border:0; overflow:hidden; width:113px; height:21px; }

/*--TOPへ戻る--*/
.pagetop { display: none; position: fixed; bottom: 30px; right: 15px; }
.pagetop a { display: block; background-color: #ccc; text-align: center; color: #222; font-size: 26px; text-decoration: none; padding: 5px 10px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.pagetop a:hover { display: block; background-color: #b2d1fb; text-align: center; color: #fff; font-size: 26px; text-decoration: none; padding:5px 10px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }


.banner{width:99%; margin-bottom:20px;}

.cont4{
	width:48%;
	float:left;
	margin:2px 1%;
}

.cont5{
	width:48%;
	float:right;
	margin:2px 1%;
}