@charset "utf-8";

/* -------------------------------------------------- */
/* file   : base.css                                  */
/* -------------------------------------------------- */
body{
    color: #333333;
}

/* header */
/* -------------------------------------------------- */
header {
	width:100%;
	border-top:#005831 10px solid;
}

img{
	vertical-align:bottom;
}

iframe.twitter-share-button {
width:90px!important;
}

/* main */
/* -------------------------------------------------- */
#main #main_cont h4{
	margin-bottom:15px;
	/*background: url(../../outline/img/h4_title.gif) repeat-x left bottom;*/
	color: #009946;
	font-size: 133.3%;
	padding: 0 0 8px;
	border-bottom:3px dotted #009946;
}
#main #main_cont h4.point{
	margin-bottom:15px;
	background: url(none);
	font-size:133.3%;
	padding:0;
}

/* maintenance */
#main .maintenance {
	margin-top:30px;
	padding:10px;
	border:2px solid #d10000;
	background-color:#fff;
}

#main .maintenance dt{
	margin-bottom:5px;
	font-size: 120%;
    font-weight: bold;
	border-bottom:1px solid #999;
	line-height:1.4;
	color:#d10000;
}


/* footer */
/* -------------------------------------------------- */
footer {
	background:#005831;
}

@media print,screen and (min-width: 681px){

body{
    min-width:1050px;
}

/* header */
/* -------------------------------------------------- */
header #h_rap{
	width:1018px;
	margin:0 auto;
}
header #h_rap h1{
	padding:23px 0 0 11px;
	width:378px;
	float:left;
}
header #h_rap #r_box{
	width:455px;
	float:right;
	padding-top:11px;
}
header #h_rap .mod_headerbox_size{
	background:url(../img/h_size_rap.gif) no-repeat;
	width:200px;
	height:34px;
	float:right;
}
header #h_rap .mod_headerbox_size ul{
	padding:4px 0 0 92px;
}
header #h_rap .mod_headerbox_size li{
	float:left;
}
header #h_rap .h_bt{
	clear:both;
	margin-top:10px;
	width:450px;
}
header #sp_menu,header #menuyBox{
	display:none;
}
header #sp_menu,header #menuyBox li{
	display:none;
}

/* fontsize
-----------------------------------------*/
.fontS { font-size: 75% }
.fontM { font-size: 80% }
.fontL { font-size: 95% }

.mod_headerbox_size #fontS {
    width: 26px;
    height: 26px;
    overflow: hidden;
    margin: 0 8px 0 0;
}
.mod_headerbox_size #fontM {
    width: 26px;
    height: 26px;
    overflow: hidden;
    margin: 0 8px 0 0;
}
.mod_headerbox_size #fontL {
    width: 26px;
    height: 26px;
    overflow: hidden;
}
.mod_headerbox_size span {
    display: block;
    cursor: pointer;
}
.mod_headerbox_size .active span {
    margin-top: -27px !important;
}
.mod_headerbox_size span:hover {
    margin-top: -27px;
}

/* nav */
/* -------------------------------------------------- */
nav{
	position:relative;
	width:968px;
	margin:0 auto;
}
nav ul{
	position:absolute;
	top:-30px;
	left:0;
}
nav li{
	float:left;
}

/* main */
/* -------------------------------------------------- */
#slider_rap{
	width:1020px;
	margin:10px auto 0 auto;
	clear:both;
	position:relative;
}
h2{
	width:1020px;
}
#pans{
	width:1020px;
	margin:0 auto 30px auto;
	padding-top:70px;
	font-size:95%;
}
#pans p{
	border:1px solid #dddddd;
	padding:5px 10px;
}
#pans a{
	color:#333;
}
#pans a:hover{
	text-decoration:none;
}
#main{
	width:1020px;
	margin:0 auto;
}
#main #main_cont{
	width:750px;
	float:right;
}

#main #main_cont h3{
	margin-bottom:6px;
	background:url(../img/main_t_bg.gif) no-repeat;
	height:40px;
	color:#ffffff;
	font-size:160%;
	padding:5px 0 0 60px;
}

#main .order_bt_box{
	width:357px;
	margin:35px auto;	
}
#main .order_bt_box p{
	width:357px;
}
#main .sec_box{
	background-color: #EAF0D4;
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
#main .sec_box .sec_inner{
	background: #ffffff;
	border:1px solid #cdc6ce;
	padding:15px;
	box-sizing: border-box;
}

/* side */
/* -------------------------------------------------- */
aside {
	width:250px;
	float:left;
	background:#EFF6E8;
	border:1px solid #D3E4C3;
	padding:10px 9px;
	box-sizing: border-box;
}
aside a{
	color:#333333;
	text-decoration:none;
}
aside a:hover{
	text-decoration:underline !important;
}
aside dl{
	display:block;
	background:#FFF;
	padding:15px;
	border-bottom:1px solid #CCC;
	clear:both;
}
aside dt{
	width:36px;
	float:left;
	margin-right:10px;
}
aside dd{
	float:left;
	width:75%;
	margin-top:8px;
}
aside .dd_txt{
	line-height:1.2;
	margin-top:4px !important;
}
#side_box,#side_box li{
	display:none;
}

/* footer */
/* -------------------------------------------------- */
#pagrtop{
	margin:50px auto 20px auto;
	width:1020px;
	text-align: right;
	clear:both;
}
footer {
	width:100%;
}
footer #f_box{
	width:1020px;
	margin:0 auto;
	padding:20px 0 40px 0;
	color: #FFF;
}
footer #f_box a{
	color:#FFFFFF;
}
footer #f_box a:hover{
	text-decoration:none;
}
footer #f_box .f_l{
	float:left;
}
footer #f_box .f_l br{
	display:none;
}
footer #f_box .f_r{
	float: right;
}
footer .sp_copy{
	display:none;
}

}


@media screen and (max-width: 680px){
body{
	min-width: inherit;
}
input { font-size: 16px; }

/* header */
/* -------------------------------------------------- */
header {
	position:relative;
}
header #h_rap{
	width:100%;
}
header #h_rap h1{
	padding:5% 0 5% 3%;
	width:64%;
	float:left;
}
header #h_rap #r_box{
	display:none;
}
header #sp_menu{
	width:20%;
	float:right;
	padding:3% 3% 0 0;
}
header #menuyBox{
	display: none;
	position:absolute;
	top:83%;
	left:0;
	z-index:1000;
	width:100%;
}
header #menuyBox li a{
	display:block;
	color:#FFFFFF;
	padding:10px;
	font-size:120%;
	text-decoration:none;
	background: linear-gradient(to bottom,  #defde5 0%,#009946 100%);
}
header #menuyBox .close{
	text-align:center;
	background:#999;
}
nav,aside{ display:none; }
#pagrtop{
	display:none;
}

/* side */
/* -------------------------------------------------- */
#side_box{}
#side_box .side_title{
	background:#009946;
	padding:10px 5px;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
}
#side_box .midashi{
	 background:#EC7A48;
	 padding:10px 5px;
	 color:#FFFFFF;
	 font-size:120%;
	 font-weight:bold;
	 margin-bottom:1px;
}

#side_box .midashi a{
	background: url(../../product/img/sp_side_arrow.png) no-repeat;
	background-position:center right;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
#side_box .midashi02{
	 background:#defde5;
	 padding:10px 20px 10px 5px;
	 color:#FFFFFF;
	 font-size:120%;
	 font-weight:bold;
	 margin-bottom:1px;
}
#side_box .midashi02 a{
	background: url(../../product/img/sp_side_arrow02.png) no-repeat;
	background-position:center right;
	display:block;
	color:#009946;
	text-decoration:none;
}
#side_box dl{
	border-bottom:1px solid #ccc;
	padding:14px 5px;
	display:block;
	color:#333;
	text-decoration:none;
	background: url(../../img/sp_news_arrow.gif) no-repeat;
	background-position:98% center;
}
#side_box dl a{
	color:#333;
	text-decoration:none;
}
#side_box dt{
	width:36px;
	float:left;
}
#side_box dd{
	width:85%;
	float: right;
	margin-top:8px;
}
.slide_box,.slide_box02,.slide_box03,.slide_box04,.slide_box05,.slide_box06{
	display:none;
}


/* main */
/* -------------------------------------------------- */
#pans{
	display:none;
}
#main .title_bg{
	background:#619F16;
	padding:4% 5% 2% 3%;
}
#main .order_bt_box{
	margin:15px auto;
}

#main #main_cont h3{
	background-color: #009946;
	padding: 2% 5% 2% 3%;
	color: #FFFFFF;
	font-size: 120%;
}

/* maintenance */
#main .maintenance {
	margin:30px 2%;
}


/* footer */
/* -------------------------------------------------- */
footer {
	padding:10px 5px;
	margin-top:20px;
}
footer #f_box{
	width:100%;
	margin:0 auto;
	color: #FFF;
}
footer #f_box a{
	color:#FFFFFF;
}
footer #f_box a:hover{
	text-decoration:none;
}
footer #f_box .f_logo{
	width:50%;
	float: left;
}
footer #f_box .f_l{
	float: right;
	width:47%;
}
footer #f_box .f_r{
	float: none;
	display:none;
}
footer #f_box .line{
	display:none;
}
footer .sp_copy{
	text-align:center;
	color: #FFF;
}

}

/* ohter */
/* -------------------------------------------------- */

.fl{ float:left; }
.fr{ float:right; }

.center{ text-align:center; } 
.right{ text-align: right; }

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }

.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr35{ margin-right:35px; }
.mr40{ margin-right:40px; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }

.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml40{ margin-left:40px; }


/* topic_path */
/* -------------------------------------------------- */
#topic_path {

}

/* clearfix */
/* -------------------------------------------------- */
.clearfix:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/*テキスト色　追加20140905*/
.red {
	color:#d10000;
}
.navy {
	font-weight: bold;
	color:#08298A;
}
.green {
	font-weight: bold;
    color: #006600 !important;
}
 .bold {
	font-weight: bold;
}