@charset "UTF-8";

/* =========================================================
second-top-menu
========================================================= */


#second-top-menu{
	overflow: hidden;
	position: relative;
	margin:0 0 7px 6px;
	}

#second-top-menu ul.menu-left{
	text-align:left;
	float: left;
	margin:0;
	width:323px;
	}
#second-top-menu ul.menu-right{
	text-align:left;
	float: right;
	margin:0;
	width:323px;
	}
	
#second-top-menu li.menubox {
	margin:0 auto 10px auto;
	width:306px;
	text-align:left;
	}
#second-top-menu li.menubox#qa-top {
	width:640px;
	}


/*-------------------------------------------
 menubox　h2,h3 タイトル
---------------------------------------------*/	

li.menubox h2 {
	margin:0 0 5px 0;
	padding:0;
	width:auto;
	}

li.menubox h3 {
	margin:0 auto 5px auto;
	padding:2px 0 2px 2px;
	width:95%;
	font-size:95%;
	border-bottom:1px solid #ccc;
	height:20px;
	}

	
/*-------------------------------------------
 右列　h3左右並び-
---------------------------------------------*/	

li.menubox h3.s_left{
	float:left;
	margin:0 5px 5px 10px;
	width:136px;
	}
li.menubox h3.s_right{
	margin:0 0 5px 158px;
	width:136px;
	}

/* ----- h3 link設定----- */

li.menubox h3 a:link,
li.menubox h3 a:visited {
	text-decoration:none;
	}
li.menubox h3 a:hover {
	text-decoration:underline;
	}

	
/*-------------------------------------------
 　ul li 下層メニュー
---------------------------------------------*/	

li.menubox ul{
	width:94%;
	margin:0 auto 5px auto;
	}

li.menubox ul li,
li.menubox2 ul li{
	padding-bottom:2px;
	}
li.menubox ul li a,
li.menubox2 ul li a{
	display: block;
	font-size:90%;
	background: url(../images/common/arrowmini_w290.gif) no-repeat 0 0;
	padding:0 0 3px 13px;
	color:#333;
	text-decoration:none;
	}
li.menubox ul li a:hover{
	color:#0085BA;
	text-decoration:underline;
	background-position: -290px 0;
	}
li.menubox#qa-top ul li a{
	background: url(../images/common/arrowmini_w600.gif) no-repeat 0 0;
	}
li.menubox#qa-top ul li a:hover{
	background-position: -600px 0;
	}

/* =========================================================
second-menu
========================================================= */

#second-menu ul li.smenu01{
width:108px;
}
#second-menu ul li.smenu02{
width:133px;
}
#second-menu ul li.smenu03{
width:132px;
}
#second-menu ul li.smenu04{
width:134px;
}
#second-menu ul li.smenu05{
width:138px;
}

/* =========================================================
second-main
========================================================= */

/* bluebox w255 right----------------*/

dl.crnr255-r{
	width:255px;
	text-align:left;
	margin:0 0 15px 15px;
	float:right;
	background: url(../images/common/crnr255_bg2.gif)  no-repeat bottom;
	}
dl.crnr255-r dt{
	font-weight:bold;
	color:#0a768b;
	padding:10px 12px 0 15px;
	background: url(../images/common/crnr255_bg1.gif)  no-repeat top;
	}
dl.crnr255-r dd{
	padding:0 12px 10px 15px;
	font-size:95%;
	}

/* bluebox w580 center----------------*/

dl.crnr580{
	width:580px;
	text-align:left;
	margin:0 auto 15px auto;
	background: url(../images/common/crnr580_bg2.gif)  no-repeat bottom #CCECE8;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	}
dl.crnr580 dt{
	font-weight:bold;
	color:#0a768b;
	padding:12px 12px 0 15px;
	background: url(../images/common/crnr580_bg1.gif)  no-repeat top;
	}
dl.crnr580 dt.dt2{
	padding:0px 12px 0 15px;
	background: none;
	}
dl.crnr580 dd{
	padding:0 12px 12px 15px;
	font-size:95%;
	}
dl.crnr580 dd.ddonly{
	padding:15px 15px 12px 15px;
	background: url(../images/common/crnr580_bg1.gif)  no-repeat top;
	}
	
/* ippankiso_sonota03 Kammen-Movie---------*/

ol#kaimen-mov{
	width:610px;
	text-align:left;
	margin:30px auto 15px auto;
	}
ol#kaimen-mov li{
	width:600px;
	text-align:left;
	margin:5px 0;
	position:relative;
	min-height: 185px;
	height: auto !important;
	height: 185px;
	}

ol#kaimen-mov li h3{
	width:360px;
	margin-bottom:5px;
	font-size:95%;
	}
ol#kaimen-mov li h3 img{
	margin-right:4px;
	}
ol#kaimen-mov li p.f-left{
	width:330px;
	padding:0 0px 0 0px;
	margin:0 0px 15px 0;
	}
ol#kaimen-mov li p.f-right{
	width:250px;
	position:absolute;
	right:0px;
	top:0px;
	}
	
/* coop-kiso02 成分list---------*/

ul.kiso02-list{
	width:540px;
	margin:0 auto 15px auto;
	text-align:left;
	}
ul.kiso02-list li{
	margin:0 0 15px 0;
	padding:0;
	}
ul.kiso02-list li strong{
	display:block;
	font-weight:normal;
	color: #0a768b;
	margin:0 0 0 -5px;
	}
	
/* coop-aq --------*/

div#second-main.qa-second-main p{
	padding:0 15px 0 20px;
	}
div#second-main.qa-second-main p.box-c{
	padding:10px 0;
	}	
div#second-main.qa-second-main p.f-right{
	padding:0;
	}	
h5.qa-ttl  {
	width:590px;
	text-align: left;
	margin:20px auto 10px auto;
	padding: 2px 0 2px 22px;
	background: url(../images/senzai/g_shitsumon01.gif) no-repeat 0 3px;
	font-size:16px;
	font-weight:bold;
	line-height: 1.5;
	}
	
	

/*○× クイズ --------*/

div#quize-box,
div#quize-box-y,
div#quize-box-n{
	border:1px solid #fff;
	height: 200px;
	width: 550px;
	margin: 60px auto 0;
	padding:0;
	}
div#quize-box {
	background: url(../images/senzai/m_mondaiu.jpg) no-repeat;
	}
div#quize-box-y {
	background: url(../images/senzai/m_seikaiu.jpg) no-repeat;
	}
div#quize-box-n {
	background: url(../images/senzai/m_fuseikaiu.jpg) no-repeat;
	}
div#quize-box.quize-box-first {
	margin: 0 auto;
	}	
div#quize-box p.number {
	text-align: left;
	margin: 50px 20px 15px 165px;
	}
div#quize-box p.quize-box-txt {
	text-align: left;
	margin: 0 60px 20px 165px;
	line-height:1.5;
	}
div#quize-box-y p.quize-box-txt,
div#quize-box-n p.quize-box-txt  {
	text-align: left;
	margin: 65px 60px 20px 165px;
	line-height:1.5;
	}	

/*セフターの歴史 --------*/

#main-title .h1-sub{
	font-size: 85%;
	position:absolute;
	top:8px;
	right:13px;
	}
	
	ul#sef40th-navi{
	margin:0 0 0 25px;
	padding:0;
	text-align:left;
	overflow: hidden;
	position: relative;
	}

ul#sef40th-navi li {
	float: left;
	margin:0 5px;
	}
#second-main p.sef40th-69{
	width:580px;
	margin:10px auto;
	padding:0 7px;
	text-align:left;
	}

#second-main table.sef40th-year{
	width:620px;
	margin:25px auto 0;
	border:none;
	border-top:1px solid #aaa;
	}
#second-main table.sef40th-year th{
	width:210px;
	padding:0;
	background-color:#eaeaea;
	border:none;
	border-bottom:1px solid #aaa;
	vertical-align:top;
	text-align:left;
	color:#000;
	font-size:11px;
	}
#second-main table.sef40th-year th img{
	margin:10px 0 5px 8px;
	}
#second-main table.sef40th-year th table.sef40th-year-sub{
	border:none;
	margin:10px 0;
	}	
#second-main table.sef40th-year th table.sef40th-year-sub th{
	padding:0 5px 0 10px;
	border:none;
	width:1%;
	white-space:nowrap;
	}	
#second-main table.sef40th-year th table.sef40th-year-sub td{
	padding:0 3px 0 0;
	border:none;
	width:99%;
	}	
	
	#second-main table.sef40th-year td{
	padding:8px 8px 5px 8px;
	border:none;
	border-bottom:1px solid #aaa;
	vertical-align:top;
	font-size:110%;
	}
#second-main table.sef40th-year td img{
	float:left;
	margin:0 25px 5px 0;
	}

#second-main table.sef40th-year td p.f-right{
	font-size:11px;
	padding-top:5px;
	}
#second-main table.sef40th-year td.bottom-navi{
	text-align:right;
	padding:10px 0 10px 0;
	border-bottom:none;
	}
#second-main table.sef40th-year td.bottom-navi img{
	float:none;
	margin:0 8px 0 0;
	}