@charset "shift_jis";
/* CSS Document */

/*
----------------------------------------------------------------------
	1. =Reset
----------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	text-align: left;
	color: #333333;
	font-size: 1em;
	background: #ffffff;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

img,img a,a img{
	margin: 0;
	padding: 0;
	border: 0;
	border-style: none;
	text-decoration: none;
	behavior: url(../Scripts/iepngfix.htc);
}

object,embed{
	vertical-align:bottom;
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {

}
a:focus {
	outline: none;
	-moz-outline-style: none;
}
p {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	text-align: left;
}
div {
	border-collapse: collapse;
}
input {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.clearfix:after {
	/*content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden;*/
	content:url(../images/blank.gif);
	display:block;
	clear:both;
	height:0;  
}

.clearfix {
	display: inline-block;
}  
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}  
.clearfix {
	display: block;
}  
/* End hide from IE-mac */ 

/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
#container{
	width:100%;
	background-color:#eff8f7;
	margin:0 0 0 0;
}

#contents{
	width:900px;
}

/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
#gnav{
	width:100%;
	height:47px;
	background-color:#ffffff;
	overflow:hidden;
}
#gnav ul{
	width:900px;
	height:47px;
}
#gnav ul li{
	/*display:inline;*/
	float:left;
	margin:0;
	padding:0;
	vertical-align:bottom;
	line-height:0;
	font-size:0;
	text-align:left;
}

#gnav ul li.logo a{
	display:block;
	width:49px;
	height:47px;
	margin:0 63px 0 0;
	_margin:0 62px 0 0;
}


#gnav ul li.menu01,#gnav ul li.menu02,#gnav ul li.menu03,#gnav ul li.menu04,#gnav ul li.menu05{
	display:block;
	width:132px;
	height:31px;
	margin:0 0 0 0;
	padding:16px 0 0 0;
}
#gnav ul li.menu06{
	display:block;
	width:128px;
	height:31px;
	margin:0 0 0 0;
	padding:16px 0 0 0;
}

#gnav ul li a,#gnav ul li a:hover{
	display:block;
	text-align:left;
}
#gnav ul li.menu01 a,#gnav ul li.menu02 a,#gnav ul li.menu03 a,#gnav ul li.menu04 a,#gnav ul li.menu05 a{
	width:132px;
	height:31px;
	margin:0;
	padding:0;
}
#gnav ul li.menu06 a{
	width:128px;
	height:31px;
	margin:0;
	padding:0;
}

#gnav ul li.menu01 a:hover,#gnav ul li.menu02 a:hover,#gnav ul li.menu03 a:hover,#gnav ul li.menu04 a:hover,#gnav ul li.menu05 a:hover{
	width:132px;
	height:41px;
	margin:-10px 0 0 0;
	padding:0;
}

#gnav ul li.menu06 a:hover{
	width:128px;
	height:41px;
	margin:-10px 0 0 0;
	padding:0;
}



/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
#top-swf{
	width:900px;
	height:438px;
	overflow:hidden;
	background-color:#ffbc23;
}
#top-skip {
	width:900px;
	height:25px;
	background-color:#ffbc23;
}
.skip{
	width:868px;
	margin:0;
	padding:0;
	font-size:0.8em;
	text-align:right;
}
#top-menu {
	width:900px;
	height:75px;
	background-color:#ffbc23;
}
#top-menu ul{
	margin:0 0 0 16px;
}
#top-menu ul li{
	/*display:inline;*/
	float:left;
	width:284px;
	height:75px;
	margin:0 8px 0 0;
	padding:0;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

#top-whatsnew {
	width:900px;
	margin:0 0 0 0;
	padding:14px 0 2em 0;
	text-align:left;
	background-color:#ffbc23;
}
#top-whatsnew img{
	margin:0 0 0 16px;
}
#top-whatsnew dl{
	float:left;
	width:770px;
	margin:0 0 0 13px;
	color:#ffffff;
	font-size:0.8em;
}


#top-whatsnew dl a {
	color:#ffffff;
	text-decoration: underline; 
}


#top-whatsnew dl dt{
	clear:both;
	float:left;
	width:7em;
	margin:0;
	padding:0 0 0 0.8em;
	background-image:url(../images/fig_top_newsarrow.gif);
	background-position:0 center;
	background-repeat:no-repeat;
}

#top-whatsnew dl dd{ 
	margin:0 0 0.2em 7.8em;
	zoom: 1;
}

#plugins{
	width:900px;
	height:5em;
	margin:0;
	padding:0;
	background-color:#efb122;
}
#plugins div{
	float:left;
}
.getplayer{
	margin:0;
	padding:12px 0 0 20px;
}
.caution_text {
	width:730px;
	margin:9px 0 0 0;
	padding:0;
	text-align:left;
}

.caution_text p {
	color:#ffffff;
	margin:0 0 0 1em;
	line-height:1.5em;
	font-size:0.8em;
}

/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
.product{
	width:898px;
	_width:900px;
	border-left:1px solid #c9dbe5;
	border-right:1px solid #c9dbe5;
	background-color:#ffffff;
}

.product table tr td{
	vertical-align:top;
}
.product table tr td p{
	width:250px;
	margin:1em 0 3em 30px;
	color:#020f9b;
	font-size:0.8em;
}

/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
.present{
	width:900px;
	height:auto;
	margin:0;
	padding:0 0 50px 0;
}
.present .head{
	position:relative;
}
.present .head .present-entry{
	position:absolute;
	top:248px;
	left:375px;
}
.present .head img{
	vertical-align:bottom;
}
.present .main-wrap{
	width:900px;
	padding:0 0 20px 0;
	background-color:#ffbc23;
}
.present .main{
	width:861px;
	padding:0 0 10px 0;
	background-color:#ffffff;
}
.present .main table{
	width:761px;
	font-size:1em;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
}
.present .main table tr td p{
	margin:0;
	font-size:0.8em;
	line-height:1.5em;
}
.present .main table tr th{
	width:150px;
	margin:0;
	padding:15px 0 15px 0;
	font-size:0.8em;
	vertical-align:top;
	color:#0c3682;
	text-align:left;
	border-bottom:1px dotted #c7d9e4;
}
.present .main table tr td{
	width:611px;
	margin:0;
	padding:15px 0 15px 0;
	vertical-align:top;
	text-align:left;
	border-bottom:1px dotted #c7d9e4;
}
.present .main table tr td.head{
	width:861px;
	margin:0;
	padding:0;
}
.present .main table .bottom{
	padding-bottom:1.5em;
	border:none;
}

.present dl{
	margin:0;
	font-size:0.8em;
}

.present dl dt{
	clear:both;
	float:left;
	width:1.2em;
	margin:0;
	padding:0;
}

.present dl dd{ 
	margin:0 0 0.35em 1.2em;
	zoom: 1;
}
/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
.newstandard {
	width:900px;
	margin:0;
	padding:0 0 25px 0;
	background-color:#ffffff;
	position:relative;
}
.newstandard h2{
	width:861px;
	height:38px;
	display:block;
	margin:25px 0 15px 0;
	padding:0;
}

.newstandard-lineup-wrap{
	width:870px;
	_width:879px;
	margin:0 0 0 0;
	_margin:0 0 0 18px;
	padding:0 0 0 9px;
	_padding:0;
	text-align:left;
	position:relative;
}


.newstandard .left-con{
	float:left;
	display:block;
	width:160px;
	height:150px;
	margin:0;
	padding:5px 0 5px 0;
}
.newstandard .right-con{
	float:right;
	width:245px;
	/*_width:255px;*/
	margin:0 0 -32755px 0;
	padding:15px 10px 32768px 0;
}

.newstandard .right-con h3{
	margin:0 0 0.2em 0;
	padding:0;
	font-weight:bold;
	font-size:0.8em;
	line-height:1.5em;
}
.newstandard .right-con h4{
	margin:0 0 0.4em 0;
	padding:0;
	font-weight:bold;
	font-size:0.8em;
	line-height:1.5em;
}
.newstandard .right-con p.txt{
	margin:0;
	padding:0 0 3em 0;
	font-size:0.8em;
	line-height:1.5em;
}
.newstandard .right-btn{
	clear: both;
	width:255px;
	margin:0;
	padding:0 0 15px 0;
	position:absolute;
	right:0;
	bottom:0;
	
}
.newstandard .right-btn p.btn{
	
	
}

/*New Standard Lineup List*/
.newstandard .mango-wrap01{
	float:left;
	width:426px;
	margin:11px 9px 0 0;
	background:url(../images/fig_newstandard_mango_bottom01.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.newstandard .mango-main01{
	clear:both;
	width:426px;
	background:url(../images/fig_newstandard_mango_head01.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	overflow:hidden;
}
.mango-color01{color:#fa7913;}


/*New Standard Lineup List 100506*/
.newstandard .tsuburich-wrap{
	float:left;
	width:426px;
	margin:11px 9px 0 0;
	background:url(../images/fig_newstandard_tsuburich_bottom02.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.newstandard .tsuburich-main{
	clear:both;
	width:426px;
	background:url(../images/fig_newstandard_tsuburich_head02.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	overflow:hidden;
}
.tsuburich-color01{color:#ff9933;}
/*New Standard Lineup List 100506*/




.newstandard .mango-wrap02{
	float:left;
	width:426px;
	margin:11px 9px 0 0;
	background:url(../images/fig_newstandard_mango_bottom02.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.newstandard .mango-main02{
	clear:both;
	width:426px;
	background:url(../images/fig_newstandard_mango_head02.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	overflow:hidden;
}
.mango-color02{color:#50b900;}


.newstandard .peach-wrap{
	float:left;
	width:426px;
	margin:11px 9px 0 0;
	background:url(../images/fig_newstandard_peach_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.newstandard .peach-main{
	clear:both;
	width:426px;
	background:url(../images/fig_newstandard_peach_head.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	overflow:hidden;
}
.peach-color01{color:#f9576e;}


.newstandard .fmix-wrap{
	float:left;
	width:426px;
	margin:11px 9px 0 0;
	background:url(../images/fig_newstandard_fmix_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.newstandard .fmix-main{
	clear:both;
	width:426px;
	background:url(../images/fig_newstandard_fmix_head.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	overflow:hidden;
}
.fmix-color01{color:#fa7913;}


.newstandard .tomato-wrap{
	float:left;
	width:426px;
	margin:11px 9px 0 0;
	background:url(../images/fig_newstandard_tomato_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.newstandard .tomato-main{
	clear:both;
	width:426px;
	background:url(../images/fig_newstandard_tomato_head.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	overflow:hidden;
}
.tomato-color01{color:#0c3682;}
/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
.hundred-percent {
	width:900px;
	margin:0;
	padding:0 0 25px 0;
	background-color:#ffffff;
	position:relative;
}

.hundred-percent h2{
	width:861px;
	height:38px;
	display:block;
	margin:25px 0 15px 0;
	padding:0;
}

.hundred-percent-lineup-wrap{
	width:870px;
	_width:879px;
	margin:0 0 0 0;
	_margin:0 0 0 18px;
	padding:0 0 0 9px;
	_padding:0;
	text-align:left;
	position:relative;
}


.hundred-percent .left-con{
	float:left;
	display:block;
	width:160px;
	height:150px;
	margin:0;
	padding:5px 0 5px 0;
}

.hundred-percent .right-con{
	float:right;
	width:245px;
/*	_width:255px;*/
	margin:0 0 -32755px 0;
	padding:15px 10px 32768px 0;
}

.hundred-percent .right-con h3{
	margin:0 0 0.2em 0;
	padding:0;
	font-weight:bold;
	font-size:0.8em;
	line-height:1.5em;
}
.hundred-percent .right-con h4{
	margin:0 0 0.4em 0;
	padding:0;
	font-weight:bold;
	font-size:0.8em;
	line-height:1.5em;
}

.hundred-percent .right-con p.txt{
	margin:0;
	padding:0 0 3em 0;
	font-size:0.8em;
	line-height:1.5em;
}

.hundred-percent .right-btn{
	clear: both;
	width:255px;
	height:18px;
	margin:0;
	padding:0 0 13px 0;
	position:absolute;
	right:0;
	bottom:0;
}


.hundred-percent .right-btn p.btn{

}


.hundred-percent .common-wrap{
	float:left;
	width:426px;
	margin:11px 9px 0 0;
	background:url(../images/fig_100percent_common_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.hundred-percent .common-main{
	clear:both;
	width:426px;
	background:url(../images/fig_100percent_common_head.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	overflow:hidden;
}
.common-color{color:#0c3682;}


/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/


.standard {
	width:900px;
	margin:0;
	padding:0 0 25px 0;
	background-color:#ffbc23;
	background-image:url(../images/fig_standard_bg.gif);
	background-position:left 224px;
	background-repeat:no-repeat;
	position:relative;
}

.standard-menu {
	width:900px;
	height:55px;
}
.standard-menu ul{
	margin:0 0 0 20px;
	text-align:left;
}
.standard-menu ul li{
	/*display:inline;*/
	float:left;
	width:284px;
	height:55px;
	margin:0 6px 0 0;
	padding:0;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

.standard h2{
	width:861px;
	height:38px;
	display:block;
	margin:17px 0 1px 0;
	padding:0;
}

.standard-lineup-wrap{
	width:870px;
	_width:879px;
	margin:0 0 0 0;
	_margin:0 0 0 18px;
	padding:0 0 0 9px;
	_padding:0;
	text-align:left;
	position:relative;
}


.standard .block-con{
	width:150px;
	_width:165px;
	margin:0;
	padding:10px 0 0 10px;
	/*margin:0 0 -32768px 0;
	padding:10px 0 32768px 10px;*/
}
	
.standard .block-con h3{
	width:145px;
	margin:0.65em 0 0 0;
	padding:0;
	font-size:0.8em;
	line-height:1.5em;
	font-weight:bold;
}
.standard .block-con h4{
	width:145px;
	margin:0 0 0.5em 0;
	padding:0;
	font-size:0.8em;
	line-height:1.5em;
	font-weight:bold;
}
.standard .block-con p.txt{
	width:145px;
	margin:0;
	padding:0 0 4em 0;
	font-size:0.8em;
	line-height:1.5em;
}

.standard .bottom-btn{
	margin:0;
	padding:0 0 9px 10px;
	position:absolute;
	left:0;
	bottom:0;
}


.standard .bottom-btn p.btn{

}


.standard .standard-wrap{
	float:left;
	width:165px;
	margin:8px 9px 0 0;
	background:url(../images/fig_standard_block_head.gif);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}
.standard .standard-main{
	clear:both;
	width:165px;
	background:url(../images/fig_standard_block_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	position:relative;
	overflow:hidden;
}
.standard-color{color:#0c3682;}



/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
.tasty{
	width:900px;
	height:488px;
	background-color:#ffbc23;
	position:relative;
}
.tasty-img{
	width:900px;
	height:408px;
	
}
.tasty-menu {
	width:900px;
	height:29px;
	background-color:#ffbc23;
}
.tasty-menu ul{
	margin:0 0 0 4px;
}
.tasty-menu ul li{
	display:inline;
	width:214px;
	height:29px;
	margin:0 4px 0 0;
	padding:0;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
.tasty-txt01{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.tasty-txt02{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.tasty-txt03{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.tasty-txt04{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.tasty-lnav{
	margin:0;
	padding:0;
	position:absolute;
	top:170px;
}
.tasty-rnav{
	margin:0;
	padding:0;
	position:absolute;
	top:170px;
	right:0;
}
.tasty-etxt{
	margin:6px 16px 0 0;
	padding:0;
	text-align:right;
	font-size:0.7em;
	color:#ffffff;
}
/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
.history{
	width:900px;
	height:488px;
	background-color:#ffbc23;
	position:relative;
}
.history-img{
	width:900px;
	height:408px;
	
}
.history-menu {
	width:900px;
	height:29px;
	text-align:left;
	margin:0;
	padding:0;
	background-color:#ffbc23;
	background-image:url(../images/nav_history_bg.gif);
	background-repeat:no-repeat;
}
.history-menu ul{
	margin:0 0 0 128px;
}
.history-menu ul li{
	display:inline;
	width:104px;
	height:29px;
	margin:0 4px 0 0;
	padding:0;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
.history-txt01{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.history-txt02{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.history-txt03{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.history-txt04{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.history-txt05{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.history-txt06{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.history-txt07{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:155px;
	left:340px;
	font-size:0.8em;
	color:#0c3682;	
	text-align:justify;
	line-height:1.7em;
}
.history-detail{
	margin:0;
	padding:0;
	position:absolute;
	top:15px;
	left:736px;
}
.history-lnav{
	margin:0;
	padding:0;
	position:absolute;
	top:170px;
}
.history-rnav{
	margin:0;
	padding:0;
	position:absolute;
	top:170px;
	right:0;
}
/*
----------------------------------------------------------------------
	. =
----------------------------------------------------------------------
*/
p.blue{color:#375a98;}
p.taleft{text-align:left;}

.txt07{font-size:0.7em;}
.txt08{font-size:0.8em;}

.lm20{margin-left:20px;}
.lm22{margin-left:22px;}


.fleft{float:left;}
.fright{float:right;}



.pagetop{
	width:867px;
	margin:32px 0 0 0;
	padding:15px 0 0 0;
	text-align:right;
	border-top:1px dotted #c6d9e4;
}


.pagetop02 {
	margin:0px;
	padding:25px 0 0 0;
	text-align:right;
}

.standard .pagetop{
	width:867px;
	margin:32px 0 0 0;
	padding:15px 0 0 0;
	text-align:right;
	border-top:1px dotted #ffde91;
}