@charset "utf-8";



/* -----------------------------------------------------------

CSS Information



 File name:      default.css

 Style Info:     

 --------------------------

 	index

 --------------------------

 

 1-1.Reset

 

 1-2.Base

 1-3.Global menu

 1-4.Site map



----------------------------------------------------------- */



#suntory_carrier {

	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", sans-serif;

	font-size: 13px;

	line-height: 1.5;

	*font-size:small; /* IE6,7用 */

	*font:x-small; /* IE6後方互換対策 */

}



.op_btn {

	background-color:#FFF;

}



.op_btn a:hover img {

	opacity:0.8;

	filter: alpha(opacity=80);

}



.op_btn a:active img {

	opacity:1.0;

	filter: alpha(opacity=100);

}



/* ---------------

EXAMPLES FONT-SIZE

------------------

 77% = 10px

 85% = 11px

 93% = 12px

100% = 13px

108% = 14px

116% = 15px

124% = 16px

131% = 17px

139% = 18px

147% = 19px

154% = 20px

162% = 21px

170% = 22px

177% = 23px

185% = 24px

193% = 25px

200% = 26px

--------------- */



/*----------------------------------------------------

	1-1.Reset

----------------------------------------------------*/

#suntory_content {

	font-size:100%;

	marign:0!important;

	paddgin:0!important;

	width:100%!important;

}



#suntory_carrier{

	margin: 0px;

	padding: 0px;

	background:#000;

}



/* [画像の下に出る余白を除去] */

#suntory_carrier img{

	vertical-align:bottom;

	border: 0px;

}



/* [左右フロート設定] */

#suntory_carrier .floatL{

	float: left;

	display:inline;

}

#suntory_carrier .floatR{

	float: right;

	display:inline;

}



/* [フロートクリア] */

.clearfix {

	zoom:100%;

	position: relative; /* DreamWeaverのデザインビューで正しく表示させる用 */

}



.clearfix:after {

	content: " ";

	clear: both;

	height: 0;

	display: block;

	visibility: hidden;

}



#suntory_carrier .clearfix{

	display:inline-block;	/* [for IE7 only] */

}

/* Hides from IE-mac \*/

* html #suntory_carrier .clearfix{

	height:1%;

}

#suntory_carrier .clearfix{

	display:block;

}

/**/



/* [クリアクラス用] */

#suntory_carrier .clear{

	overflow:hidden;

	height:0;

	clear: both;

}

/* Hides from IE-mac \*/

* html #suntory_carrier .clear{

	display: none;

}

/**/



#suntory_carrier sup,sub{

	vertical-align: baseline;

	position: relative;

}





/*----------------------------------------------------

	1-2.Base

----------------------------------------------------*/



/* [header_con] */

#header_con {

	width:890px;

	height:55px;

	margin:0 auto;

	position:relative;

}

#header_con p#txtline{

	position:absolute;

	top:16px;

	right:170px;}



#header_con p#btnline{

	position:absolute;

	top:13px;

	right:21px;

	overflow: hidden;

}



#header_con p#btnline a{

	width:131px;

	height: 0px;

	padding-top: 31px;

	overflow: hidden;

	display:block;

	background-repeat:no-repeat;

}

#header_con p#btnline a{ background:url(../img/btnline.gif);}

#header_con p#btnline a:hover{ visibility: visible; }

#header_con p#btnline a:hover img{ visibility: hidden; }



#header_con p#btnline a{ background-position:0 0;}

#header_con p#btnline a:hover{ background-position:0 -31px;}


/* [sengoku-banner] */
#header_con #sengoku-banner{

	position:absolute;

	top:8px;

	left:0px;

}



/* [コンテンツ] */

#container {

	width:890px;

	margin:0 auto;

	overflow: hidden;

	zoom: 1;

}



#container #container_inner {

	margin:10px 0 0 0;

	overflow: hidden;

	zoom: 1;

}



p.top_cap {

	margin:0 0 10px 0;

	font-size:93%;

	text-align:center;

	color:#999;

}





/* [トップコンテンツ] */

/* 0318追加分 */
#mainimg {
	width:890px;
	height:372px;
	margin:0 auto;
	text-align:center;
	overflow: hidden;
	zoom: 1;
	display:block;
}
/*crossFader*/
.crossfader{
	position:relative;
	height:372px;
}

.crossfader img{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0;
	cursor:pointer;
}

.crossfader .active{
	z-index:10;
	opacity:1.0;
}

.crossfader .last-active{
	z-index:9;
}
/* 0318追加分 */

#flashcontmain {
	width:890px;
	height:372px;
	margin:10px auto 0 auto;
}



#flashcontmain #flash {
	width:890px;
	height:372px;
	margin:0 auto;
	text-align:center;
	overflow: hidden;
	zoom: 1;
	display:block;
	background: url(../img/main_content_bg.gif) repeat top left;
}



.flashover a:hover {

	background-color:#FFF;

}



.flashover a:hover img {

	opacity:0.8;

	filter: alpha(opacity=80);

}



#container #container_inner #noscript {

	font-size:85%;

	color:#666;

	margin-bottom:10px;

	padding:8px;

	border:1px solid #666;

	text-align:center;

}



#container #container_inner #noscript a:link { color:#666; text-decoration:underline;}

#container #container_inner #noscript a:visited { color:#666; text-decoration:underline;}

#container #container_inner #noscript a:hover { color:#666; text-decoration:none;}

#container #container_inner #noscript a:active { color:#ff0707; text-decoration:none;}



#container #container_inner #mainarea {

	color:#FFF;

}



#container #container_inner #mainarea a:link { color:#FFF; text-decoration:none;}

#container #container_inner #mainarea a:visited { color:#FFF; text-decoration:none;}

#container #container_inner #mainarea a:hover { color:#FFF; text-decoration:underline;}

#container #container_inner #mainarea a:active { color:#ff0707; text-decoration:underline;}



#container #container_inner #mainarea #infoblock,

#container #container_inner #mainarea #mainblock,

#container #container_inner #mainarea #subblock{

	font-size:93%;

	line-height:1.2;

	float:left;

}



/* [infoblock] */

#container #container_inner #mainarea #infoblock {

	width:180px;

	padding:10px;

	background:#323232;

}



#container #container_inner #mainarea #infoblock h2 {

	margin-bottom:15px;

}



#container #container_inner #mainarea #infoblock .inner {

	height:205px;

	padding:0 15px 15px 0;

	overflow-y:scroll;

}



#container #container_inner #mainarea #infoblock .inner ul li {

	margin:25px 0 0 0;

}





/* [mainblock] */

#container #container_inner #mainarea #mainblock {

	width:470px;

	margin:0 10px;

	overflow:hidden;

}





#container #container_inner #mainarea #mainblock ul {

	overflow:hidden;

	margin-top:-10px;

}



#container #container_inner #mainarea #mainblock ul li {

	margin-top:10px;

}



/* [subblock] */

#container #container_inner #mainarea #subblock {

	width:180px;

	padding:10px;

	background:#323232;

	overflow:hidden;

}



#container #container_inner #mainarea #subblock h2 {

	margin-bottom:15px;

}



#container #container_inner #mainarea #subblock .inner {

	height:205px;

	padding:0px 15px 15px 0;

	overflow-y:scroll;

}



#container #container_inner #mainarea #subblock .inner ul {

	margin-top:-20px;

	overflow:hidden;

}



#container #container_inner #mainarea #subblock .inner ul li {

	margin:20px 0 0 0;

	overflow:hidden;

}



#container #container_inner #mainarea #subblock .inner ul li a {

	zoom:1;/* [for IE6 only] */

}



#container #container_inner #mainarea #subblock .inner ul li span {

	display:block;

	text-align:right;

}



#container #container_inner #mainarea #subblock .inner p {

	margin-top:10px;

}



/* [main_content] */ 

#container #container_inner #main_content {

	width:680px;

	float:left;

	background: url(../img/main_content_bg.gif) repeat top left #FFF;

	overflow:hidden;

}



#container #container_inner #main_content #wrapper_content {

	background:url(../img/main_content_side.gif) repeat-y top right;

	overflow:hidden;

}



#container #container_inner #main_content #top_content {

	background:url(../img/main_content_boder.gif) no-repeat top left;

	overflow:hidden;

}



#container #container_inner #main_content #inner_content {

	font-size:116%;

	line-height:1.4;

	padding:0 0 30px 0;

	position:relative;

	overflow:hidden;

	/*z-index:10;*/

	background:url(../img/main_content_boder.gif) no-repeat bottom left;

}



#container #container_inner #sub_content {

	width:198px;

	float:right;

	overflow: hidden;

}



/* [main_content #mw_top] */ 

#mw_top #container #container_inner #main_content,

#sitemap_top #container #container_inner #main_content {

	width:100%;

	float:left;

	background: url(../img/main_content_bg.gif) repeat top left #FFF;

}



#mw_top #container #container_inner #main_content #wrapper_content,

#sitemap_top #container #container_inner #main_content #wrapper_content {

	background:url(../img/main_content_side.gif) repeat-y top right;

}



#mw_top #container #container_inner #main_content #top_content,

#sitemap_top #container #container_inner #main_content #top_content {

	background:url(../img/main_content_boder_top.gif) no-repeat top left;

}



#mw_top #container #container_inner #main_content #inner_content,

#sitemap_top #container #container_inner #main_content #inner_content {

	padding:35px 62px 30px;

	background:url(../img/main_content_boder_top.gif) no-repeat bottom left;

}



/* [footnavi] */ 

#top #container #footnavi,

#mw_top #container #footnavi,

#mw_maca #container #footnavi,

#sitemap_top #container #footnavi,

#voice #container #footnavi,

#voice2 #container #footnavi {

	margin-top:10px;

	padding:8px;

	border:1px solid #666;

	font-size:85%;

}



#mw_maca #container #footnavi,

#voice2 #container #footnavi {

	width:664px;

}



#top #container #footnavi p,

#mw_top  #container #footnavi p, 

#mw_maca  #container #footnavi p,

#sitemap_top  #container #footnavi p,

#voice #container #footnavi p,

#voice2 #container #footnavi {

	color:#666;

	text-align:center;

}



#container #footnavi span a:link,

#container #footnavi span a:visited {

	background:url(../img/footernav_icon.gif) no-repeat 1px 1px;

	padding-left:15px;

	text-decoration:underline;

	color:#666;

}



#container #footnavi span a:hover {	

 	text-decoration:none;

}



#container #footnavi span a:active {	

 	text-decoration:none;

	color:#ff0707;

}	

	

	

/*----------------------------------------------------

	1-3.Global menu

----------------------------------------------------*/

#globalnav_area{

	height:65px;

/*	background:url(../img/globalnav_bg.gif) repeat-x top center;

*/}



#globalnav {

	width:890px;

	height:65px;

	margin:0 auto;

	overflow: hidden;

}



#globalnav ul {

}



#globalnav ul li {

	display:block;

	float:left;

	height:65px;

}



#globalnav ul li a,

#globalnav ul li span {

	float: left;

	height: 0px;

	padding-top: 65px;

	overflow: hidden;

	background:url(../img/globalnav.gif) no-repeat;

}



/*#globalnav ul li a{

	background-repeat:no-repeat;

}*/



#globalnav ul li#nav01 a { width:297px; background-position:0 0;}

#globalnav ul li#nav02 a { width:297px; background-position:-297px 0;}

#globalnav ul li#nav03 a { width:296px; background-position:-594px 0;}





#globalnav ul li#nav01 a { background-position:0 0;}

#globalnav ul li#nav02 a { background-position:-297px 0;}

#globalnav ul li#nav03 a { background-position:-594px 0;}



#globalnav ul li#nav01 a:hover { background-position:0 -65px;}

#globalnav ul li#nav02 a:hover { background-position:-297px -65px;}

#globalnav ul li#nav03 a:hover { background-position:-594px -65px;}



#globalnav ul li#nav01.on a { background-position:0 -65px;}

#globalnav ul li#nav02.on a { background-position:-297px -65px;}

#globalnav ul li#nav03.on a { background-position:-594px -65px;}





/* [localnav] */

#container #container_inner #sub_content ul {

	overflow:hidden;

	/*zoom:1;*/

}



#container #container_inner #sub_content ul.block li {

	margin-top:10px;

	overflow:hidden;

	height:78px;

	/*zoom:1;*/

}



#container #container_inner #sub_content ul li,

#container #container_inner #sub_content p {

	display:block;

	overflow:hidden;

}



#container #container_inner #sub_content p { height:77px;}

#container #container_inner #sub_content ul li#lnav01,

#container #container_inner #sub_content ul li#lnav02,

#container #container_inner #sub_content ul li#lnav03,

#container #container_inner #sub_content ul li#lnav04,

#container #container_inner #sub_content ul li#lnav05,

#container #container_inner #sub_content ul li#lnav06 { height:36px;}



#container #container_inner #sub_content ul li a,

#container #container_inner #sub_content p strong a {

	width:0;

	display:block;

	padding-left:198px;

	background:url(../img/local_nav_bg.gif) no-repeat top left;

	/*zoom:1;*/

}



#container #container_inner #sub_content ul li#lnav01 a,

#container #container_inner #sub_content ul li#lnav02 a,

#container #container_inner #sub_content ul li#lnav03 a,

#container #container_inner #sub_content ul li#lnav04 a,

#container #container_inner #sub_content ul li#lnav05 a,

#container #container_inner #sub_content ul li#lnav06 a { height:38px;}



#container #container_inner #sub_content ul li#lnav07 a,

#container #container_inner #sub_content ul li#lnav08 a,

#container #container_inner #sub_content ul li#lnav09 a,

#container #container_inner #sub_content ul li#lnav10 a { height:78px;}





#container #container_inner #sub_content ul li#lnav01 a { background-position:0 -77px;}

#container #container_inner #sub_content ul li#lnav02 a { background-position:0 -113px;}

#container #container_inner #sub_content ul li#lnav03 a { background-position:0 -149px;}

#container #container_inner #sub_content ul li#lnav04 a { background-position:0 -185px;}

#container #container_inner #sub_content ul li#lnav05 a { background-position:0 -221px;}

#container #container_inner #sub_content ul li#lnav06 a { background-position:0 -259px;}



#container #container_inner #sub_content ul li#lnav07 a { background-position:0 -295px;}

#container #container_inner #sub_content ul li#lnav08 a { background-position:0 -373px;}

#container #container_inner #sub_content ul li#lnav09 a { background-position:0 -451px;}

#container #container_inner #sub_content ul li#lnav10 a { background-position:0 -529px;}





#container #container_inner #sub_content ul li#lnav01 a:hover { background-position:-198px -77px;}

#container #container_inner #sub_content ul li#lnav02 a:hover { background-position:-198px -113px;}

#container #container_inner #sub_content ul li#lnav03 a:hover { background-position:-198px -149px;}

#container #container_inner #sub_content ul li#lnav04 a:hover { background-position:-198px -185px;}

#container #container_inner #sub_content ul li#lnav05 a:hover { background-position:-198px -221px;}

#container #container_inner #sub_content ul li#lnav06 a:hover { background-position:-198px -259px;}



#container #container_inner #sub_content ul li#lnav07 a:hover { background-position:-198px -295px;}

#container #container_inner #sub_content ul li#lnav08 a:hover { background-position:-198px -373px;}

#container #container_inner #sub_content ul li#lnav09 a:hover { background-position:-198px -451px;}

#container #container_inner #sub_content ul li#lnav10 a:hover { background-position:-198px -529px;}



#container #container_inner #sub_content ul li#lnav01.on a { background-position:-198px -77px;}

#container #container_inner #sub_content ul li#lnav02.on a { background-position:-198px -113px;}

#container #container_inner #sub_content ul li#lnav03.on a { background-position:-198px -149px;}

#container #container_inner #sub_content ul li#lnav04.on a { background-position:-198px -185px;}

#container #container_inner #sub_content ul li#lnav05.on a { background-position:-198px -221px;}

#container #container_inner #sub_content ul li#lnav06.on a { background-position:-198px -259px;}



#container #container_inner #sub_content ul li#lnav07.on a { background-position:-198px -295px;}

#container #container_inner #sub_content ul li#lnav08.on a { background-position:-198px -373px;}

#container #container_inner #sub_content ul li#lnav09.on a { background-position:-198px -451px;}

#container #container_inner #sub_content ul li#lnav10.on a { background-position:-198px -529px;}



	

/*----------------------------------------------------

	1-4.Site map

----------------------------------------------------*/

#sitemap_top a:link,

#sitemap_top a:visited{

	color:#333;

	text-decoration:none;

}



#sitemap_top a:hover {

	text-decoration:underline;

}



#sitemap_top a:active {

	color:#ff0707;

	text-decoration:underline;

}



#sitemap_top h1 {

	margin-bottom:30px;

}



#sitemap_top .sitemap {

}



#sitemap_top .sitemap p.toppage {

	padding:0 0 8px 18px;

	border-bottom:1px solid #a5a0a0;

}



#sitemap_top .sitemap .box {

}



#sitemap_top .sitemap .box dl {

}



#sitemap_top .sitemap .box dl dt {

	margin:16px 0;

	padding:0 0 10px 30px;

	font-weight:bold;

	border-bottom:1px solid #a5a0a0;

	background:url(../../sitemap/img/icon_01.gif) no-repeat 20px 10px;

	zoom:1;

}



#sitemap_top .sitemap .box dl dt a {

}



#sitemap_top .sitemap .box dl dd {

	font-weight:bold;

	padding-left:30px;

	margin-bottom:20px;

}



#sitemap_top .sitemap .box dl dd a {

}



#sitemap_top .sitemap .box dl dd ul {

	margin-top:15px;

}



#sitemap_top .sitemap .box dl dd ul li {

	padding-left:30px;

	margin-bottom:20px;

	font-weight:normal;

	background:url(../../sitemap/img/icon_02.gif) no-repeat 15px 3px;

	zoom:1;

}



#sitemap_top .sitemap .box dl dd ul li a {

}