@charset "utf-8";

html{font-size:small;}
body, dl, dd, dt,ul,ol,p,img,div,form{margin:0; padding:0; line-height:1.0; border:0; text-align:center;}
li{margin:0; padding:0; border:0; text-align:center; list-style:none none outside;}

p{text-align:left;}

h1,h2,h3,h4,h5{margin:0 0 15px; font-weight:normal;}

a{color:#06F; text-decoration:none; text-decoration:underline; vertical-align:bottom;}
a:hover{vertical-align:bottom; color:#F00; text-decoration:none;}

#mainCont{text-align:left;}

#mainCont table{border:1px solid #ccc; border-collapse:collapse;}
#mainCont tr{padding:0; border:1px solid #ccc;}
#mainCont th{padding:0; border:1px solid #ccc; background-color:#EEE;}

dt{font-weight:bold;}

#container{width:960px; margin:10px auto;}

/* main menu */
#header #logoBox{float:left; display:block; width:310px; font-size:small; text-align:left;}
#header #logoBox img{margin-top:5px;}
#header #logoBox a{background-color:#fff;}
#header #subMenu{width:430px; float:right;}
#header #subMenu ul li {float:left;}
#header #subMenu ul li a{display:block; width:65px; padding-left:8px; margin-bottom:15px; background:url(/images/common/arw_pink_submenu.gif) no-repeat left; color:#666;}
#header #subMenu ul li a:hover{color:#F00;}
#header #subMenu ul li a.char5{width:85px;}
#header #subMenu ul li a.char6{width:90px;}
#header #subMenu ul li{text-align:left;}
#header #subMenu ul li a:hover{text-decoration:underline;}
#header #subMenu img{margin-bottom:10px;}

#mainMenu{clear:both; height:25px; overflow:hidden;}
#mainMenu ul li{float:left; margin-bottom:10px; text-align:right;}
#mainMenu ul li a{width:159px; display:block; border-left:1px solid #ccc; line-height:25px; height:25px; text-decoration:none;}
#mainMenu ul li a:hover{text-decoration:none;}
#mainMenu ul li a#top{background:url(/images/common/mainmenu/btn_mainmenu_top.gif) no-repeat 4px 0;}
#mainMenu ul li a:hover#top{background-position:4px -25px;}
#mainMenu ul li a#company{background:url(/images/common/mainmenu/btn_mainmenu_company.gif) no-repeat 4px 0;}
#mainMenu ul li a:hover#company{background-position:4px -25px;}
#mainMenu ul li a#list{background:url(/images/common/mainmenu/btn_mainmenu_list.gif) no-repeat 4px 0;}
#mainMenu ul li a:hover#list{background-position:4px -25px;}
#mainMenu ul li a#info{background:url(/images/common/mainmenu/btn_mainmenu_info.gif) no-repeat 4px 0;}
#mainMenu ul li a:hover#info{background-position:4px -25px;}
#mainMenu ul li a#inqury{background:url(/images/common/mainmenu/btn_mainmenu_inqury.gif) no-repeat 4px 0;}
#mainMenu ul li a:hover#inqury{background-position:4px -25px;}
#mainMenu ul li a#login{width:158px; background:url(/images/common/mainmenu/btn_mainmenu_login.gif) no-repeat 4px 0; border-right:1px solid #ccc;}
#mainMenu ul li a:hover#login{background-position:4px -25px;}
#mainMenu ul li a#logout{width:158px; background:url(/images/common/mainmenu/btn_mainmenu_logout.gif) no-repeat 4px 0; border-right:1px solid #ccc;}
#mainMenu ul li a:hover#logout{background-position:4px -25px;}

#status{clear:both; padding:10px 0; margin:10px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#status table td{text-align:left;}
#status table td p{margin:0;}
#status table td p.msg{background:url(/images/common/arw_gray_status_msg.gif) no-repeat left; padding-left:10px; width:150px;}
#status table td img{vertical-align:middle; display:inline; margin:0 10px;}
#status table td.right{width:145px;}
#status table td a#gocart{display:block; width:117px; height:20px; background:url(/images/common/status/btn_gocart.gif) no-repeat 0 0; float:right; text-decoration:none;}
#status table td a:hover#gocart{background-position:0 -20px;}
#status table td a#mypagetop{display:block; width:145px; height:20px; background:url(/images/common/status/btn_gomypage.gif) no-repeat 0 0; text-decoration:none;}
#status table td a:hover#mypagetop{background-position:0 -20px;}
#status #cartArea{width:390px;}
#status #nameArea{width:200px;}
#status #pointArea{width:200px;}

#wrapper{width:960px;}
#wrapper-inner{width:730px; padding-left:20px; padding-bottom:20px; float:right;}

#sideMenu{float:left; width:210px;}
#sideMenu img{vertical-align:bottom;}
#sideMenu dl{margin-bottom:15px;}
#sideMenu dd{margin-bottom:1px;}
#sideMenu a#entry{background:url(/images/common/sidemenu/btn_sidemenu_entry.gif) no-repeat 0 0; height:45px;}
#sideMenu a:hover#entry{background-position:0 -45px;}
#sideMenu a#trial{background:url(/images/common/sidemenu/btn_sidemenu_trial.gif) no-repeat 0 0; height:55px;}
#sideMenu a:hover#trial{background-position:0 -55px;}
#sideMenu a#friends{background:url(/images/common/sidemenu/btn_sidemenu_friends.gif) no-repeat 0 0; height:50px;}
#sideMenu a:hover#friends{background-position:0 -50px;}
#sideMenu a#support{background:url(/images/common/sidemenu/btn_sidemenu_support.gif) no-repeat 0 0; height:50px;}
#sideMenu a:hover#support{background-position:0 -50px;}
#sideMenu a{display:block; text-decoration:none; width:210px; height:30px;}
#sideMenu a#blog{background:url(/images/common/sidemenu/btn_sidemenu_blog.gif) no-repeat 0 0; height:30px;}
#sideMenu a:hover#blog{background-position:0 -30px;}
#sideMenu a#nanami{background:url(/images/common/sidemenu/btn_sidemenu_nanami.gif) no-repeat 0 0; height:30px;}
#sideMenu a:hover#nanami{background-position:0 -30px;}
#sideMenu a#CM{background:url(/images/common/sidemenu/btn_sidemenu_cm.gif) no-repeat 0 0; height:30px;}
#sideMenu a:hover#CM{background-position:0 -30px;}
#sideMenu a#category{background:url(/images/common/sidemenu/btn_sidemenu_category.gif) no-repeat 0 0; height:30px;}
#sideMenu a:hover#category{background-position:0 -30px;}
#sideMenu a#series{background:url(/images/common/sidemenu/btn_sidemenu_series.gif) no-repeat 0 0; height:30px;}
#sideMenu a:hover#series{background-position:0 -30px;}
#sideMenu p#mobile{background:url(/images/common/sidemenu/btn_sidemenu_mobile.gif) no-repeat 0 0; height:46px;}
/*#sideMenu a:hover#mobile{background-position:0 -46px;}*/

#sideMenu ul{margin-left:15px;}
#sideMenu ul li{text-align:left; line-height:30px; zoom:1; overflow:hidden;}
#sideMenu ul li a{width:180px; padding:2px 0 2px 15px; background:url(/images/common/arw_gray_block.jpg) no-repeat left; font-weight:bold; border-top:1px dotted #ccc; color:#999; font-size:95%; height:auto; line-height:150%; margin-top:-1px; }
#sideMenu ul li a.twoline{text-align:left; /*line-height:150%; height:40px;*/}
#sideMenu ul li a.twoline span{white-space:nowrap;}
#sideMenu ul li a:hover{background:#FF91AC url(/images/common/arw_pink_block.jpg) no-repeat left; color:#FFF;}
#sideMenu ul li ul{margin-left:25px;}
#sideMenu ul li ul li a{width:155px; padding-left:15px; border-top:1px dotted #ccc; font-weight:normal; margin-top:0;}

/*#seriesMenu{}
#nefeMenu{}
#changeMenu{display:none;}
#charismaMenu{display:none;}
#otherMenu{display:none;}
#categoryMenu{display:none;}*/

#searchArea{margin-bottom:10px;}
#searchArea form{text-align:left;}
#searchArea form img{vertical-align:middle; margin-right:10px;}
#searchArea form select{margin-right:10px;}
#searchArea .kyword{width:200px;}

#pankuzuArea{margin-bottom:15px;}

#mainCont{}

#searchArea{padding:0 0 10px;}

#footer{clear:both;}
#footer #mark li{float:left; width:300px; margin-right:10px; text-align:left; font-size:x-small; line-height:145%;}
#footer #mark li img{float:left; margin-right:5px; margin-bottom:20px;}
#footer #mark #verisign{width:100px; height:60px; float:left;}

#poricy{background:url(/images/common/bk_graybar.gif) no-repeat center; line-height:20px; padding:0 10px; margin:10px 0; clear:both;}

#attention_bihaku p{text-align:right; margin:20px 0;}

.clearBborder{clear:both; display:block; padding:10px 40px;}

/* cart style */
#cart_wrapper{position:absolute;top:147px;left:488px;}

#cart_display{
background-color:#ECE5D0;
}

#cart_display a:link  { color: #382407; text-decoration:underline;}
#cart_display a:visited { color: #382407; text-decoration:underline;}
#cart_display a:active  { color: #382407; text-decoration:underline;}
#cart_display a:hover { color: #ff4974; text-decoration:none;}

#cart_display .cartwaku{
padding:5px;
border:1px solid #9A874F;
}

#cart_display .cart_box{
border:1px solid #6D5E2A;
padding:4px;
height:62px;
overflow-y:auto;
overflow-x:hidden;
scrollbar-track-color:#B7A87C;
scrollbar-face-color:#9A874F;
scrollbar-arrow-color:#ffffff;
}
#cart_display .cartamount{
text-decoration:underline;
margin:0px 0px 2px 5px;
}

#cart_display ul{
margin:0px;
padding:0px;
list-style:none;
}

#cart_display li{
background-image:url(../images/top03/title_information_point.gif);
background-repeat:no-repeat;
background-position:left 3px;
margin:0px;
padding:0px 0px 0px 10px;
list-style:none;
}


/* common style */
.itemname{color:#F00; font-weight:bold;}
.pagetop_btn{text-align: right; width: 100%; padding-bottom: 10px; margin:20px 0 0; clear:both;}
.fL{float:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.clearB{clear:both;}
.red{color:#F00;}
.blue{color:#369;}
.green{color:#390;}
.orange{color:#F60;}
.pink{color:#F66;}
.mb0{margin-bottom:0;}
.mb15{margin-bottom:15px;}
.mr10{margin-right:10px;}
.smfont{font-size:smaller}
.dspn{display:none;}
.nwrp{white-space:nowrap;}
