/*基本部分
---------------------------------------------------------- */
body{
	background-color:#8e9b7c;
	margin:0px;
	padding:0px;
	height:100%;
	text-align:center;
}

dt,dd,dl,ul,li,p,h2{
	margin:0px;
	padding:0px;
}

h2 img{
	margin-top:25px;
}

li{
	list-style-type:none;
}

/*バナーテッカー表記
---------------------------------------------------------- */
#ticker{
	margin: 5px 0;
	text-align:center;
}


/*フッター・コピーライト表記
---------------------------------------------------------- */
#footer{
	clear:both;
	width:800px;
	height:52px;
	background-color:#ffffff;
	background-image:url(../img/bg_title2.gif);
	background-repeat:repeat-x;
}

#footer-inner{
	height:42px;
	margin:0 auto 0 auto;
	position:relative;
	top:10px;
	width:768px;
	color:#00670b;
	font:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:10px;
	font-weight:normal;
	letter-spacing:0.06em;
}

address{
	clear:both;
	color:#00670B;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:0.06em;
	position:relative;
	right:100px;
	text-align:right;
	width:530px;
}

#footer-title{
	float:left;
	width:120px;
}
#footer-right{
	float:right;
	width:430px;
}
* html #footer-right{
	position:relative;
	left:100px;
}
ul.fnavi{
	width:430px;
	height:21px;
}

.fnavi li{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	height:16px;
	padding:0 0 0 0px;display:block;
}

.fnavi li a , .fnavi li a:hover{
	height:16px;
	padding:0px 0px 0px 0px;
	display:block;
}

#fnavi01 a{
	width:112px;
	background-image:url(../img/f_navi1.gif);
	background-repeat:no-repeat;
}

#fnavi02 a{
	width:99px;
	background-image:url(../img/f_navi2.gif);
	background-repeat:no-repeat;
}

#fnavi03 a{
	width:110px;
	background-image:url(../img/f_navi3.gif);
	background-repeat:no-repeat;
}

#fnavi04 a{
	width:55px;
	background-image:url(../img/f_navi4.gif);
	background-repeat:no-repeat;
}

#fnavi05 a{
	width:49px;
	background-image:url(../img/f_navi5.gif);
	background-repeat:no-repeat;
}



.fnavi li a:hover{
	background-position:0 -16px
}


/*ボディ*/
#container{
	background-color:#ffffff;
	background-image:url(../img/bg_frame.gif);
	background-repeat:repeat-y;
	width:808px;
	height:100%;
	margin:0 auto 0 auto;
	text-align:left;
}

#main-col{
	background-color:#ffffff;
	width:800px;
	height:100%;
	position:relative;
	left:4px;
}

#inner-x{
	width:768px;
	position:relative;
	left:16px;
}

#inner-x2{
	width:770px;
	position:relative;
	left:16px;
}



/*ヘッダ・商品名・社名
---------------------------------------------------------- */
#header{
	background-color:#ffffff;
	background-image:url(../img/h_logo.gif);
	background-position:16px 23px;
	background-repeat:no-repeat;
	width:800px;
	height:65px;
}




/*製品ラインナップリスト
---------------------------------------------------------- */
dl#lineupframe{
	width:768px;
	margin:22px 0 0 0;
	height:auto;
}

dt.line-up{
	width:768px;
	height:16px;
	background-image:url(../img/bg_title.gif);
	background-repeat:repeat-x;
}

dd.line-up{
	width:768px;
	height:156px;
	margin-top:14px;
	/margin-top:12px;
}
dl#line-up1{
	float:left;
}
dl#line-up2{
	float:right;
}
dt#line-up1{
	width:451px;
}

dt#line-up2{
	width:317px;
}

dd#line-up1{
	width:451px;
}

dd#line-up2{
	width:317px;
}


.line-up-list{
	padding:0px;
	margin:6px 0 0 0;
}

.line-up-list li{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	width:91px;
	height:129px;
	margin:0 37px 0 0;
	padding:0px;
}

li#btn-gold,li#btn-ichou,#btn-solmacex{
	margin:0px;
}

/*li#btn-solmacex{
	margin-right:27px;
}
*/

.line-up-list li a:hover{
	background-position:0 -129px;
}

li#btn-solmac a{
	background-image:url(../img/btn_solmacplus.gif);
}

li#btn-solmacs a{
	background-image:url(../img/btn_solmacs.gif);
}

li#btn-solmacex a{
	background-image:url(../img/btn_solmacex.gif);
}

li#btn-ichou a{
	background-image:url(../img/btn_ichou.gif);
}

li#btn-eki a{
	background-image:url(../img/btn_ichoeki.gif);
}

li#btn-ekis a{
	background-image:url(../img/btn_ichoekis.gif);
}

li#btn-gold a{
	background-image:url(../img/btn_gold.gif);
}

.line-up-list li a , .line-up-list li a:hover{
	width:91px;
	height:129px;
	display:block;
	background-repeat:no-repeat;
}

#emptyBox{
	width:768px;
	height:0px;
	clear:both;
}

/*【グループ】ヘッダメニュー
---------------------------------------------------------- */
#header-menu1{
	width:800px;
	height:31px;
	background-image:url(../img/h_line.gif);
	background-repeat:repeat-x;
}
#header-menu1-inner{
	margin:0 auto 0 auto; 
	width:768px;
	height:31px;
	text-align:right;
}
#header-menu2{
	width:800px;
	height:16px;
	background-color:#cce1ce;
}
#header-menu2-inner{
	margin:0 auto 0 auto; 
	width:768px;
	height:16px;
	text-align:left;
}

#header-menu2 p ,#header-menu2 a{
	color:#00670b;
	font-size:10px;
}

#header-menu2 a:hover{
	color:#009900;
}


#header-menu2 p{
	padding-top:0px;
	/padding-top:0px;
	/margin-top:1px;
}



/*【個別】トップページ
---------------------------------------------------------- */
#top-contents{
	margin:17px 0 0 0;
	width:768px;
	/*height:220px;*/
	height:230px;
	overflow:hidden;
	background-color:#ffffff;
}
#spcial-contents{
	background-image:url(../img/bg_title.gif);
	background-repeat:repeat-x;
	width:768px;
	height:220px;
}

dl.spcial-contents{/* --- 2008/11/06add--- */
	float:left;
	/*width:428px;*/
	width:484px; /* --- 2008/11/06add--- */
	position: relative; /* --- 2008/11/06add--- */
	/*height:258px;*/
	margin-left:0px;
}

dt.spcial-contents{
	/*background-image:url(../img/bg_title.gif);
	background-repeat:repeat-x;
	*/width:484px;
	height:16px;
}

dd.spcial-contents{
	margin:0px;
	/*width:428px;*/
	/*width:166px;   --- 2008/11/06add--- */
	width:164px;
	/*height:109px;*/
	background: url(../img/line.gif) right top no-repeat;
	height:200px; /* --- 2008/11/06add--- */
	float:left;
}

dd.spcial-contents a,
dd.spcial-contents2 a,
dd.spcial-contents2 a:hover,
dd.spcial-contents a:hover{
	width:154px;
	/*height:109px;*/
	height:200px;/* --- 2008/11/06add--- */
	display:block;
	background-repeat:no-repeat;
	background-image:url(../img/btn_spenter.gif);
	background-position:right top;
}

dd.spcial-contents2 a:hover,dd.spcial-contents a:hover{
	/*background-position:0 -109px;*/
	background-position: right -200px;
}

dd.spcial-contents2{
	/*margin-top:12px;*/
	float: left; /* --- 2008/11/06add--- */
	width:154px;
	height:200px;
}
* html dd.spcial-contents2{
	margin-top:0px;
	height:200px;
}

ul.top-menu{
	float:right;
	margin-right:0px;
	/*margin-top:20px;*/ /* --- 2008/11/06add--- */
	margin-top:30px; /* --- 2008/11/06add--- */
	width:269px;
	/*height:125px;*/
	height:241px;/*キャラクター人気投票バナー設置のため*/
}

ul.top-menu li{
	width:269px;
	height:35px;
	margin:0 0 9px 0;
}

ul.top-menu li a , ul.top-menu li a:hover{
	width:269px;
	height:35px;
	display:block;
	background-repeat:no-repeat;
}

ul.top-menu li a:hover{
	background-position:0 -35px;
}

li#btn-seibun a{
	background-image:url(../img/btn_seibun.gif)
}

li#btn-qanda a{
	background-image:url(../img/btn_qanda.gif)
}

li#btn-tvcm a{
	background-image:url(../img/btn_tvcm.gif)
}

/*【個別】Q＆Aインデックス 
---------------------------------------------------------- */
ul#qanda-index{
	margin-top:15px;
	margin-bottom:40px;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	height:100%;
}

ul#qanda-index li{
	padding:0 0 0 34px;
	background-image:url(../qanda/img/icon_q.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	width:533px;
	height:38px;
	border-bottom:2px dotted #00670b;
	color:#bfd9c2;
}

ul#qanda-index a{
	font-size:12px;
	color:#bfd9c2;
	position:relative;
	top:11px;
	line-height:1.4em;
}

ul#qanda-index span{
	color:#00670b;
}

ul#qanda-index a:hover{
	color:#00670b;
}

ul#qanda-index a.two-col{
	position:relative;
	top:3px;
}

body#qanda-body #main-col{
	background-image:url(../qanda/img/bg_qanda.gif);
	background-repeat:no-repeat;
	background-position:549px 50%;
}

/*【個別】Answer
---------------------------------------------------------- */
#answerframe{
	width:768px;
	height:100%;
	margin-top:15px;
	margin-bottom:40px;
	margin-left:0px;
	margin-right:0px;
}

#answer-box{
	float:left;
	margin-left:0px;
	width:511px;
	/*height:231px;*/
	border:2px solid #00670b;
}

#answer-box-inner{
	margin:8px auto 0px auto;
	width:495px;
}

#q-list{
	float:right;
	margin-right:0px;
	width:220px;
}

#q-list li{
	background-image:url(../qanda/img/icon_yajirushi.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	border-bottom:2px dotted #bfd9c2;
	margin-bottom:5px;
	padding-bottom:5px;
	color:#e26013;
	font-size:10px;
	line-height:14px;
}

#q-list p{
	position:relative;
	left:9px;
}

#q-list a{
	font-size:10px;
	font-weight:200;
	text-decoration:none;
	color:#00670b;
}

#q-list a:hover{
	text-decoration:underline;
	color:#e26013;
}


li#q-contents{
	width:495px;
	height:auto;
	border-bottom:2px dotted #00670b;
	background-image:url(../qanda/img/icon_q.gif);
	background-repeat:no-repeat;
	line-height:1.2em;
	padding-bottom:13px;
}

li#q-contents p{
	font-size:16px;
	font-weight:900;
	letter-spacing:0.1em;
	position:relative;
	top:5px;
	left:34px;
	color:#00670b;
}


li#a-contents{
	background-image:url(../qanda/img/icon_a.gif);
	background-repeat:no-repeat;
	width:495px;
	/*height:165px;*/
	margin-top:9px;
}

li#a-contents p{
	font-size:12px;
	position:relative;
	top:4px;
	left:34px;
	width:461px;
	line-height:18px;
	padding-bottom:18px;
}

#q-list li.no-yajirushi{
	background-image:none;
}

/*【個別】成分一覧表
---------------------------------------------------------- */
#seibun-frame{
	width:768px;
	height:100%;
	margin-top:28px;
	margin-bottom:40px;
	margin-left:0px;
	margin-right:0px;
}
#seibun-table p{
	margin-left:8px;
	font-size:10px;
	font-weight:normal;
}

/*【グループ】製品ページ
---------------------------------------------------------- */
#product-frame{
	width:756px;
	height:100%;
	margin-top:28px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	color:#444444;
	font-size:12px;
	line-height:1.3em;
}

#caution-box{
	margin-top:0px;
	padding:9px 6px 9px 6px;
	border:2px solid #00670b;
	border-top-style:none;
}

td{
	color:#444444;
	font-size:12px;
}

.description{
	line-height:1.5em;
}

dl#caution-box{
	margin-bottom:10px;
}

#caution-box dt,#caution-box dd{
	font-size:12px;
}

strong{
	letter-spacing:0px;
}

#caution-box dt{
	margin-top:6px;
	margin-bottom:4px;
}

#caution-box dd{
	line-height:1.3em;
	margin-left:14px;
}

.kourikakaku{
	font-size:12px;
	border-bottom:1px solid #bfd9c2;
	padding:4px 0 2px 0
}

.notbold{
	font-weight:normal;
}

#seibun p{
	padding-left:3px;
}

#seibun a{
	padding-left:3px;
	font-weight:bold;
	color:#99c29d;
	text-decoration:underline;
	letter-spacing:0px;;
}

#seibun a:hover{
	color:#99c29d;
	text-decoration:none;
}

#seibun span{
	font-weight:bold;
	color:#00670b;
}

/*【個別】キャラクター人気投票
---------------------------------------------------------- */
#character-frame{
	width:768px;
	height:100%;
	margin-top:28px;
	margin-bottom:40px;
	margin-left:0px;
	margin-right:0px;
}
#character-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 244px;
}
#character-right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 524px;
}
#rightbox-top {
    background-image:url(../dpresent/img/character_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 524px;
}
#rightbox-center {
	margin: 0px;
	padding: 0px;
	width: 516px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #006600;
	border-left-color: #006600;
}
#rightbox-center-inner {
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 0px;
	margin-left: 18px;
	width: 481px;
	padding: 0px;
}
#rightbox-bottom {
    background-image:url(../dpresent/img/character_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 524px;
}
#character-frame h3{
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
ul.select-list {
	margin-bottom: 30px;
	clear: both;
}
ul.select-list li {
	width: 150px;
	height: 186px;
	float: left;
	list-style-image: none;
	list-style-type: none;
}
ul.select-list li.left {
	margin-right: 8px;
	background-image: url(../dpresent/img/character_selectbg2.gif);
	background-repeat: repeat-y;
}
ul.select-list li.left2 {
	margin-right: 8px;
	background-image: url(../dpresent/img/character_selectbg2.gif);
	background-repeat: repeat-y;
	margin-left: 82px;
}
ul.select-list li.center {
    margin-right: 7px;
	margin-left: 8px;
	background-image: url(../dpresent/img/character_selectbg2.gif);
	background-repeat: repeat-y;
}
ul.select-list li.right {
	margin-left: 8px;
	background-image: url(../dpresent/img/character_selectbg2.gif);
	background-repeat: repeat-y;
}
ul.select-list li.right2 {
	margin-left: 8px;
	background-image: url(../dpresent/img/character_selectbg2.gif);
	background-repeat: repeat-y;
	margin-right: 82px;
}
#select-text {
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 150px;
}
#select-input {
	height: 36px;
	width: 28px;
	text-align: center;
	float: left;
}
#txt-gr {
	font-size: 10px;
	font-weight: bold;
	color: #006600;
	margin: 0px;
	padding: 0px;
	width: 122px;
	display: block;
	float: right;
	line-height: 1.3em;
}
#rightbox-comment-area {
	margin-bottom: 10px;
	line-height: 1.5em;
	letter-spacing: 0.2em;
	font-size: 12px;
}
#rightbox-attention-area {
	margin-bottom: 30px;
	line-height: 1.5em;
	letter-spacing: 0.2em;
	font-size: 10px;
}
#rightbox-submit {
	clear: both;
	text-align: center;
}
#rightbox-submit img {
	padding-right: 10px;
	padding-left: 10px;

}

#leftbox {
	margin-top: 0px;
	margin-right: 11px;
	margin-left: 11px;
	width: 220px;
}
#leftbox-top {
    background-image:url(../dpresent/img/character_top2.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 220px;
}
#leftbox-center {
	margin: 0px;
	padding: 0px;
	width: 220px;
	background-image: url(../dpresent/img/character_center2.gif);
	background-repeat: repeat-y;
}
#leftbox-center-inner {
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 189px;
	padding: 0px;
}
#leftbox-master {
	margin-top: 28px;
	text-align: center;
}

#leftbox-bottom {
    background-image:url(../dpresent/img/character_bottom2.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 220px;
}



/*廻りこみ防止
------------------------------ */
.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#download-wrapper {
	margin: 0px;
	padding: 0px;
	width: 768px;
}
#download-left {
	width: 160px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
#character-frame h4 {
	margin-bottom: 10px;
}
#download-inner {
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: 0.2em;
}
#download-inner-left {
	font-size: 12px; /*add*/
	float: left;
	width: 266px;
	padding-right: 20px;
}
#download-inner-left2 {
	float: left;
	width: 264px;
	padding-right: 20px;
	_padding-right: 16px; /*IE6*/
	background-image: url(../dpresent/img/download_dot.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#download-inner-right {
	float: right;
	width: 282px;
}
#download-inner-right2 {
	float: right;
	width: 264px;
	padding-left: 20px;
}

#download-codeArea {
	font-size: 12px; /*add*/
	width: 259px;
	margin-top: 5px;
	padding: 0px;
}
#download-right {
	float: right;
	width: 568px;
}

.txt10 {
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.1em;
}

.mar10 {
	margin-bottom: 10px;
}


#qrbox-top {
    background-image:url(../dpresent/img/download_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 160px;
}
#qrbox-center {
	margin: 0px;
	_margin: -7px 0 0 0; /*IE6*/
	padding: 0px;
	width: 160px;
	background-image: url(../dpresent/img/download_center.gif);
	background-repeat: repeat-y;
}
.img-left {
	float: left;
}
.img-right {
	float: right;
}

#qrbox-bottom {
    background-image:url(../dpresent/img/download_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 160px;
}
#qrbox-center-inner {
	margin-top: 0px;
	margin-right: 11px;
	margin-bottom: 0px;
	margin-left: 11px;
	width: 138px;
	padding: 0px;
	text-align: center;
}
/*
#download-txtArea {
	height: 70px;
}
*/

/*add*/
#download-txtArea{
	height: 70px;
	_height: 80px;
	padding-top: 0px;
	_padding-top: -5px;
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: 0.2em;
}

/*add*/
#download-txtArea2 {
	padding: 15px 0 20px 0; 
}

/*add*/
.txt10-2 {
	padding-top: 5px;
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.1em;
}

#download-conArea {
	margin-top: 10px;
	width: 264px;
	_width: 260px;
	margin-bottom: 10px;
	padding: 0px;
}
#download-codeArea textarea {
	width: 254px;
	height: 7em;
	overflow:hidden;
	background-color: #e7f9e7;
	padding-top: 5px;
	padding-left: 5px;
}