@charset "Shift_JIS";

#container{
width:966px;
background:url(../images/back_container.gif) repeat-y 0 0;
margin:0 auto;
text-align:center;
font-size:76%;
line-height:150%;
}
#container_in{
width:950px;
margin:0 auto;
text-align:center;
}



/* WRAPPER
-------------------------------------------- */
.pkg:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*_*/
*html .pkg{
height:1em;
overflow:visible;
}
/**/


.wrapper950,
.back950{
width:950px;
overflow: hidden;
clear:both;
}
.wrapper950:after,
.back950:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*_*/
*html .wrapper950,
*html .back950{
height:1em;
overflow:visible;
}
/**/

.wrapper604{
width:604px;
text-align:center;
overflow: hidden;
clear:both;
}
.wrapper604:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*_*/
*html .wrapper604{
height:1em;
overflow:visible;
}
/**/

.wrapper594{
width:594px;
text-align:center;
overflow: hidden;
clear:both;
}
.wrapper594:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*_*/
*html .wrapper594{
height:1em;
overflow:visible;
}
/**/

.wrapper300{
width:300px;
text-align:center;
overflow: hidden;
clear:both;
}
.wrapper300:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*_*/
*html .wrapper300{
height:1em;
overflow:visible;
}
/**/

.cb{clear:both;}

.single {text-align:left;}


/* BOX
-------------------------------------------- */
.box600{width:600px;float:left;text-align:left;}
.box350{width:350px;float:right;text-align:right;}

.box604{width:604px;}
.box594{width:594px;}

.box300{width:300px;float:left;}

.box142{width:142px;float:left;} /* ADD 081102 */
.box442{width:442px;float:left;} /* ADD 081102 */

.box152{width:152px;float:left;}
.box432{width:432px;float:left;}

.box198{width:198px;float:left;}

.box384{width:384px;float:left;}
.box200{width:200px;float:left;}

.box522{width:522px;float:left;}
.box72{width:72px;float:left;}



/* HEADER
-------------------------------------------- */
#header{padding:12px 10px 5px;background:url(../images/header_bg.gif) repeat-x top left;overflow:hidden;}/*ADD 081110*/
* html #header {height: 1%;}
#headerTitle{width:590px;float:left;text-align:left;}/*ADD 081110*/
#headerLink{width:340px;float:right;text-align:right;}/*ADD 081110*/
#logo{float:left;}/* EDIT 081110 */
#logo img { vertical-align:middle;} /* ADD 081102 */
#logoBusiness img {padding-bottom:3px;}
#catch{float:left; font-size:90%; padding:14px 0 0 10px;} /* EDIT 081102 */
#areaFlash{margin:3px 0 10px 0;}


/* SIDE AREA
-------------------------------------------- */
#sideMenu{width:310px;float:left;padding:0 0 20px 0;}
.sideBox{width:310px;border-top:1px solid #FFFFFF;}
.sideBox_in{
width:300px;
margin:0 auto;
text-align:center;
padding:5px 0;
}

/* RSS */
#rss{padding:5px 0 2px 0;}
#rss h2{
text-align:right;background:url(../images/title_rss.gif) no-repeat 5px 0;
margin:0 0 3px 0;
padding:0 5px 0 0;
}
#rss h2 span{display:none;}
#radio{text-align:left; padding:3px 0 0 8px;}
#serch{text-align:left; padding:3px 0 0 10px;}
.textform{color:#111; width:220px;}/* EDIT 081002 */
.btnserch{position:relative;top:3px;left:5px;}


/* @NIFTYBUSINESS */
#snewsTitle{
width:300px;
height:21px;
background:url(../images/title_snews.gif) no-repeat 0 0;
text-align:left;
/*line-height:0;*/  /* EDIT 081002 */
}
#snewsTitle h2{display:none;}
#snewsTitle ul li{
position:relative;
top:0;
left:218px;
width:82px;
height:21px;
list-style:none;
}
#snewsTitle ul li a:focus{outline:none;}
#snewsTitle ul li a{
position:relative;
text-decoration:none;
display:block;
width:82px;
height:21px;
background:url(../images/btn_snews.gif) no-repeat 0 0;
}
#snewsTitle ul li a:hover{background-position:0 -21px;}
#snewsTitle ul li a span{display:none;}

#snews dl{
margin:0 0 1px 0;
text-align:left;
padding:7px 5px 5px 5px;
line-height:140%;
}
#snews dl dt{
font-size:90%;
font-weight:bold;
line-height:110%; /* EDIT 081002 */
}


/* ATTENTION */
.attention01{
width:104px;
background:url(../images/back_attention.gif) no-repeat 0 0 #000066;
float:left;
}
.attention01 p{padding:0 0 0 10px;}
.attention02{width:196px;float:left;text-align:left;}
.attention02 h3{padding:5px 5px 0 5px;}
.attention02 p{padding:0 5px; font-size:90%; line-height:140%;}


/* MAIL MAGAZINE */
#magazine{background:#FF6600;padding:10px 0;}
#magazine ul li{
width:170px;
height:24px;
margin:0 auto;
}
#magazine ul li a{
display:block;
width:170px;
height:24px;
background:url(../images/btn_mm.gif) no-repeat 0 0;
}
#magazine ul li a:hover{background-position:0 -24px;}
#magazine ul li a span{display:none;}


/* SS NAVI */
#ssNavi{
background:#FFFFCC;
text-align:left;
padding:0 5px;
line-height:150%;
}
#ssNavi h2{padding:5px 0 0 0;}
#ssNavi ul{padding:0 0 5px 0;}
#ssNavi ul li{display:inline;}


/* BANNAR */
#bannar li{margin:0 0 5px 0;}
#bannar li img{vertical-align:bottom;}



/* STORE
-------------------------------------------- */

/* METHOD */
.method{
background:#FFFFFF;
border-bottom:1px solid #FFCC00;
padding:8px 5px 5px 5px;
}
.method h3{text-align:left; margin:0 0 5px 0;}
.method p{text-align:left;}

/* FAQ */
.faq{background:#FFFFCC;padding:8px 5px 5px 5px;}

/* STORE NEWS */
.storeNews{background:#FFFFFF;padding:5px;}
.storeNews dl{border-bottom:1px dotted #CCCCCC;text-align:left;margin:0 0 5px 0;}
.storeNews dl dt{font-size:80%;padding:0 5px;}
.storeNews dl dd{padding:0 3px 3px 3px;}

/* STORE SERCH */
#sSerch{
background:#FFCC00;
text-align:left;
padding:10px;
}

/* EACH STORE */
.eStore{
width:290px; margin:0 auto;
text-align:left;
}
.eStoreTitle{
background:url(../images/back_storetitle.gif) no-repeat 0 0;
width:290px;
height:60px;
margin:0 0 5px 0;
padding:2px 0 0 0;
}
.eStoreTitle h3{font-size:100%;font-weight:bold;} /* EDIT 081102 */
.eStoreTitle p{font-size:80%; padding:0 10px; line-height:150%;}

.eStore ul.toList {
	margin: 10px 0 5px;
	padding: 10px 0 0 0;
	text-align: center;
}

.eStore ul.toList li {
	display: inline;
	margin-right: 5px;
	line-height: 110%;
	position: relative;
}

.eStore ul.toList.mark02 li a {
	white-space: nowrap;
	background: url(../images/arrow_04.gif) no-repeat left 0.2em;
	padding:0 0 0 10px;
}


#esTitle01{background:url(../images/icon_store_01.gif) no-repeat 5px 0;padding:5px 5px 5px 35px;line-height:110%;} /* EDIT 081102 */
#esTitle02{background:url(../images/icon_store_02.gif) no-repeat 5px 0;padding:5px 5px 5px 40px;line-height:110%;} /* EDIT 081102 */
#esTitle03{background:url(../images/icon_store_03.gif) no-repeat 5px 0;padding:5px 5px 5px 40px;line-height:110%;} /* EDIT 081102 */
#esTitle04{background:url(../images/icon_store_04.gif) no-repeat 5px 0;padding:5px 5px 5px 35px;line-height:110%;} /* EDIT 081102 */
#esTitle05{background:url(../images/icon_store_05.gif) no-repeat 5px 0;padding:5px 5px 5px 35px;line-height:110%;} /* EDIT 081102 */
#esTitle06{background:url(../images/icon_store_06.gif) no-repeat 5px 0;padding:5px 5px 5px 35px;line-height:110%;} /* EDIT 081102 */

.eStore h4{margin:0 0 5px 0;}



/* MAIN CONTENTS AREA
-------------------------------------------- */
#contents{
width:640px;
padding:1px 0 0 0;
float:right;
}
.contents01{
width:620px;
margin:0 auto 8px auto;
text-align:center;
background:url(../images/back_620a.gif) repeat-y 0 0;
border-bottom:1px solid #000066;
}
.contents02{
width:620px;
margin:0 auto 8px auto;
text-align:center;
background:url(../images/back_620b.gif) repeat-y 0 0;
border-bottom:1px solid #000066;
}

/* PICK UP */
.pickupTop01{
width:460px;
float:left;
text-align:left;
padding:10px 0;
}
.pickupTop01 h3{font-size:160%;font-weight:bold;line-height:130%;padding:3px 10px 3px 5px;}
.pickupTop01 h4{font-weight:bold;padding:0 10px 0 5px;}
.pickupTop01 h5{font-weight:bold;padding:0 10px 3px 5px;}
.pickupTop01 p{padding:0 10px 3px 5px;}

.pickupTop02{width:140px;float:left;padding:15px 0 10px 0;}


/* WHATS NEW */
.wrapperNews{
width:290px;
text-align:center;
overflow: hidden;
clear:both;
}
.wrapperNews:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*_*/
*html .wrapperNews{
height:1em;
overflow:visible;
}
/**/

.news01{width:58px;float:left;}
.news01 p{font-size:75%;}

.news02{width:227px;float:left;text-align:left;}
.news02 h3{padding:0;height:40px;font-size:120%;line-height:140%;margin:0 0 5px 0;}
.news02 h4{font-size:80%;line-height:150%;margin:0 0 3px 0;}
.news02 h5{font-size:80%;color:#999999;line-height:150%;margin:0 0 5px 0;}
.news02 p{font-size:80%;padding:0 0 3px 0;line-height:160%;}

.news02s{width:227px;float:left;text-align:left;}
.news02s h3{padding:0;font-size:100%;line-height:140%;margin:0 0 5px 0;}
.news02s h4{font-size:80%;line-height:150%;}
.news02s h5{font-size:80%;color:#999999;line-height:150%;}


/* THEME */
#themeTitle{
width:604px;
height:21px;
background:url(../images/title_theme.gif) no-repeat 0 0;
margin:0 auto;
text-align:left;
/*line-height:0;*/ /* EDIT 081102 */
}
#themeTitle h2{display:none;}
#themeTitle ul li{
position:relative;
top:0;
left:532px;
width:72px;
height:21px;
list-style:none;
}
#themeTitle ul li a:focus{outline:none;}
#themeTitle ul li a{
position:relative;
text-decoration:none;
display:block;
width:72px;
height:21px;
background:url(../images/btn_theme.gif) no-repeat 0 0;
}
#themeTitle ul li a:hover{background-position:0 -21px;}
#themeTitle ul li a span{display:none;}

.theme{text-align:left;line-height:150%;padding:5px 0 0 0;}
.theme h3{padding:0 5px 0 10px;}
.theme p{padding:0 5px 0 20px;font-size:90%;}


/* COMMUNITY */
.community{width:170px;margin:0 auto;text-align:left;padding:7px 0;}
.community h4{padding:0 0 5px 0;}
.community p{padding:0 0 5px 0;}


/* BROWSER */
#browser{color:#666666;text-align:left;padding:0 0 0 15px;}
#browser h3 span{font-weight:bold;}
#browser p{font-size:90%; line-height:140%; padding:10px 0 5px 0;}



/* TITLE
-------------------------------------------- */
#title01{
text-align:left;
font-size:240%;
line-height:140%;
font-weight:bold;
background:url(../images/back_title01.gif) repeat-y 0 0;
margin:0 0 13px 0;
padding:10px;
}
#title01S{
text-align:left;
font-size:120%;
line-height:140%;
font-weight:bold;
background:url(../images/back_title01.gif) repeat-y 0 0;
margin:0 0 13px 0;
padding:5px 10px;
}


/* SUB TITLE
-------------------------------------------- */
.sTitle01{
text-align:left;
font-size:120%;
font-weight:bold;
background:url(../images/back_title01.gif) repeat-y 0 0;
margin:10px 0;
padding:5px 10px;
}
.sTitle02{
text-align:left;
font-size:120%;
font-weight:bold;
color:#FF3300; /* EDIT 081102 */
background:#FFF; /* ADD 081102 */
margin-bottom:5px;
}
.sTitle03{
text-align:left;
font-size:120%;
font-weight:bold;
background:#CCCCCC;
padding:3px 5px;
}
.sTitle04{
text-align:left;
font-size:120%;
font-weight:bold;
background:url(../images/icon_01.gif) no-repeat 5px 2px;
padding:5px 0 5px 35px;
}
.sTitle05{
color:#FFFFFF;
text-align:left;
height:32px;
font-weight:bold;
background:#000066 url(../images/back_title05.gif) no-repeat 0 0; /* EDIT 081102 */
padding-left:10px;
}


/* BACKNUM TITLE
-------------------------------------------- */
.bnumTitle{
text-align:left;
background:#000066 url(../images/back_bnum.gif) no-repeat 0 0; /* EDIT 081102 */
color:#FFFFFF;
font-weight:bold;
margin:0 0 10px 0;
padding:2px 10px;
}

/* LEAD
-------------------------------------------- */
#leadTop div#leadImage {
	float: right;
	width: 200px;
	height: 200px;
	margin: 0 0 10px 10px;
}

#leadTop div#leadBody {
	text-align: left;
	margin-bottom: 10px;
}

/* TEXT
-------------------------------------------- */
.dataText01{font-size:120%;line-height:150%;text-align:left;}
.dataText02{font-size:90%;line-height:140%;text-align:left;}



/* BREAD
-------------------------------------------- */
#breadArea{background:#666666;margin:0 0 10px 0;}
#breadArea p{padding:6px 10px;text-align:left;color:#FFFFFF;}
#breadArea p a:link{color:#FFFFFF;text-decoration:none;}
#breadArea p a:visited{color:#FFFFFF;text-decoration:none;}
#breadArea p a:hover{color:#FFFFFF;text-decoration:underline;}
#breadArea p a:active{color:#FFFFFF;text-decoration:none;}



/* PAGE TOP
-------------------------------------------- */
.pagetop{
text-align:right;
font-size:90%;
padding:5px 15px 10px 10px;
}
.pagetop a{
background:url(../images/arrow_02.gif) no-repeat 0 0;
padding:0 0 0 12px;
}



/* FOOTER
-------------------------------------------- */
#footerCopyright{/*RENAMED 081110*/
width:950px;
border-top:4px solid #315D8C;
margin:10px auto 0 auto;
padding:0 0 10px;
color:#666666;
}
#footerCopyright p{text-align:left;padding:10px;}
#fNavi01{
padding:5px 0;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}
#fNavi01 li{display:inline;}
#fNavi01 li a{background:url(../images/arrow_03.gif) no-repeat 0 0;padding:0 10px 0 12px;}

#fNavi02 li{display:inline;}

#footer {
margin:0;
padding:15px 0 10px;
text-align:center;
width:950px;
}

address{
text-align:right;
font-style:normal;
padding:5px 10px 0 0;
}



/* DISPLAY
-------------------------------------------- */
.dNone{display:none;}


/* LINE HEIGHT
-------------------------------------------- */
.lh100{line-height:110%;} /* EDIT 081104 */
.lh130{line-height:130%;}


/* MARK
-------------------------------------------- */
.mark01 a{background:url(../images/arrow_01.gif) no-repeat 0 0; padding:0 0 0 12px;}
.mark02 a{background:url(../images/arrow_04.gif) no-repeat 0 0; padding:0 0 0 12px;}



/* BACKGROUND
-------------------------------------------- */
.bc01{background:#FFFFCC;}
.bc02{background:#FFFFFF;}
.bc03{background:#FFCC00;}

.back950{background:url(../images/back_contents.gif) repeat-y 0 0;}

.back604a{width:604px;background:url(../images/back_604a.gif) repeat-y 0 0;}
.back604aBottom{background:url(../images/back_604a_bottom.gif) no-repeat 0 100%;}

.back604b{width:604px;background:url(../images/back_604b.gif) repeat-y 0 0;}

.back604c{width:604px;background:url(../images/back_604c.gif) repeat-y 0 0;}
.back604cBottom{background:url(../images/back_604c_bottom.gif) no-repeat 0 100%;}

.back300a{width:300px;background:url(../images/back_300a.gif) repeat-y 0 0;}



/* BORDER
-------------------------------------------- */
.sor1TGray{border-top:1px solid #CCCCCC;}
.sor1BGray{border-bottom:1px solid #CCCCCC;}

.sor1TBlk{border-top:1px solid #000000;}
.sor1BBlk{border-bottom:1px solid #000000;}

.sor1TBlu{border-top:1px solid #000066;}
.sor1BBlu{border-bottom:1px solid #000066;}

.sor1BOrg{border-bottom:1px solid #FFCC00;}

.dot1B{border-bottom:1px dotted #666666;}



/* BLANK
-------------------------------------------- */
.ma4L{margin-left:4px;}
.ma5T{margin-top:5px;}
.ma5R{margin-right:5px;}
.ma5B{margin-bottom:5px;}
.ma5L{margin-left:5px;}
.ma10T{margin-top:10px;}
.ma10R{margin-right:10px;}
.ma10B{margin-bottom:10px;}
.ma10L{margin-left:10px;}
.ma15T{margin-top:15px;}
.ma15R{margin-right:15px;}
.ma15B{margin-bottom:15px;}
.ma15L{margin-left:15px;}
.ma20T{margin-top:20px;}
.ma20R{margin-right:20px;}
.ma20B{margin-bottom:20px;}
.ma20L{margin-left:20px;}
.ma30T{margin-top:30px;}
.ma30R{margin-right:30px;}
.ma30B{margin-bottom:30px;}
.ma30L{margin-left:30px;}

.pa3T{padding-top:3px;}
.pa5T{padding-top:5px;}
.pa5R{padding-right:5px;}
.pa5B{padding-bottom:5px;}
.pa5L{padding-left:5px;}
.pa8T{padding-top:8px;}
.pa10T{padding-top:10px;}
.pa10R{padding-right:10px;}
.pa10B{padding-bottom:10px;}
.pa10L{padding-left:10px;}
.pa15T{padding-top:15px;}
.pa15R{padding-right:15px;}
.pa15B{padding-bottom:15px;}
.pa15L{padding-left:15px;}
.pa20T{padding-top:20px;}
.pa20R{padding-right:20px;}
.pa20B{padding-bottom:20px;}
.pa20L{padding-left:20px;}
.pa30T{padding-top:30px;}
.pa30R{padding-right:30px;}
.pa30B{padding-bottom:30px;}
.pa30L{padding-left:30px;}

.pa5TB10LR{padding:5px 10px;}
.pa10TB20LR{padding:10px 20px;}
.pa5{padding:5px;}
.pa10{padding:10px;}


/* AUTO BLANK */
.auto{margin:0 auto;}
.auto5B{margin:0 auto 5px auto;}
.auto10B{margin:0 auto 10px auto;}
.auto15B{margin:0 auto 15px auto;}
.auto20B{margin:0 auto 20px auto;}
.auto30B{margin:0 auto 30px auto;}
.auto40B{margin:0 auto 40px auto;}



/* ALIGN
-------------------------------------------- */
.alLeft{text-align:left;}
.alRight{text-align:right;}


/* FLOAT
-------------------------------------------- */
.flLeft{float:left;}


