@charset "utf-8";
/* CSS Document */


/*
display
visibility
overflow
position
top / right / bottom / left /
z-index
float
clear
width ( min-width / max-width )
height ( min-height / max-height )
margin ( margin-top / margin-right / margin-bottom / margin-left )
padding ( padding-top / padding-right / padding-bottom / padding-left )
border ( border-width / border-color / border-style )
background ( background-color / background-image / background-repeat / background-attachment / background-position )
list-style ( list-style-type / list-style-image / list-style-position )
color
font ( font-family / font-style / font-variant / font-weight / font-size )
line-height
text-indent
text-decoration
text-align
*/

/* TOP
======================================*/

/* outline */

body.common #main2 {width: 100%;}


/* global navigation current */

li#gNav1 a {border-bottom: 3px solid #6ba900!important	;}





/*---------------------------------
 *  contents
 *---------------------------------*/
 
body.common.top .section {padding: 20px 0 5px;}

 /* box
==================================*/

body.common p {
    margin: 10px 10px 15px;
}
#contents .box0 {
	margin-bottom: 15px;
	padding: 10px;
}


/*---- frexible grid system ----*/


.box_1_2 { 
	float: none;
	margin-left: 0;
}

.box_1_2 { width: 100%; }



/* Headline2 */

body.common.top #contents .section h2 {
	padding: 50px 0 10px;
	margin: 0px;
	background: none;
	font-size: 140%;
	border: none;
	border-radius: 0px;
	text-align: center;
	color: #444;
	font-weight: normal;
	background-size: 36px 42px!important;
}

body.common.top #contents .section h2 span {
	display: inline;
	border-left: none;
	padding: 0px;
}

 
/* caution
==================================*/

/*注意テキスト*/

#caution {
	background: #FFBBB2;
}

body.common #caution .caution {
	background: url(/common/img/sp/icon_cautionIndex.png) left 0.5em no-repeat !important;
	color: #DD2B02;
	font-weight: bold;
	padding-left: 32px;
	margin-bottom: 5px;
	font-size: 120%;
}

body.common #caution h3 {
	border-bottom: 1px solid #ccc !important;
}


/* earthquake
==================================*/

/*震災関連*/

#earthquake {
	background: #ffecea;
}


body.common.top #contents #earthquake .section h2 {background: url(../img/sp/icon_earthquake.png) no-repeat top center;}

/* Headline3 */
body.common #earthquake h3 {
	background: url(/common/img/sp/icon_hexagon_red.png) 5px 0.5em no-repeat;
	color: #DD2B02;
}


/* pickup
==================================*/

/*ピックアップ*/


body.common.top #contents #pickup .section h2 {background: url(../img/sp/icon_pickup.png) no-repeat top center;}

#contents #pickup .box0 {
	border: 1px solid #ddd;
}


/* notice
==================================*/

/*お知らせ*/


body.common.top #notice {background: #F0F0F0;}

body.common.top #contents #notice .section h2 {background: url(../img/sp/icon_notice_top.png) no-repeat top center;}

body.common.top #notice #notice1,
body.common.top #notice #notice2,
body.common.top #notice #notice3 {display: none;}




/*タブメニュー*/


body.common.top #notice .tab_menu {
	border-bottom: 3px solid #528200;
}

body.common.top #notice .tab_menu li {
	display: inline;
	margin-bottom: 0;
}

body.common.top #notice .tab_menu a {
	display: block;
	text-align: center;
	padding: 20px 0 17px;
	background: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 10px 10px 0 0;
}

body.common.top #notice .tab_menu a:hover,
body.common.top #notice .tab_menu a.on {
	background: #528200;
	color: #fff;
}

/*コンテンツ*/

body.common.top #notice .box0 {
	border-radius: 0 0 20px 20px;
	margin-bottom: 25px;
}



/* banner
==================================*/

#banner ul {margin: 30px 5px;}

#banner li {
	float: left;
	margin: 0 15px 15px 0!important;
}