@charset "utf-8";
/*==================================================================================== */

@import url("navigation.css");
@import url("right.css");
@import url("home.css");
@import url("cart.css");
@import url("shop.css");
@import url("member.css");
@import url("info.css");
@import url("voice.css");
@import url("surface.css");
@import url("text.css");
@import url("thickbox.css");
@import url("corporation.css");
@import url("triming.css");
@import url("enquete.css");
@import url("contact.css");
@import url("campaign.css");
@import url("movie.css");
@import url("sitemap.css");
@import url("topic.css");
@import url("../edit_area/css/edit_area.css");


/*====================================================================================*/


/*HTMLタグ==================================================================================== */

body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family: "tahoma", "ms ui gothic", "lucida grande", "ヒラギノ丸ゴ pro w4", "osaka", "ms pゴシック" sans-serif;
	background: #F9F9F9 url(../images/bg.jpg) no-repeat center top;
	
	/*  \*/
	font-size: 73%;
	line-height: 170%;
	/* */
	font-size: 80%;
	line-height: 140%;
	/*  \*/
	font-size: 73%;
	line-height: 170%;
	/* */
	
	/*  \*/
	letter-spacing: 0.1em;
	/* */
	letter-spacing: normal;
	/*  \*/
	letter-spacing: 0.1em;
	/* */
	
}
a:hover{
	color:#FF6600;
}

a{
	color: #0066CC;
}

h1,h2,h3,h4,h5{
	font-size:100%;
	/*text-indent:-9999px;*/
	margin:0px;
	padding:0px;
}

input[type=submit]{
	background: #FFFFFF;
	color: #000000;
	padding: 0px 5px;
}

li{
	list-style: none;
}

img{
	border:none;
}

.Clear{
	clear:both;
}

form{
	margin: 0px;
	padding: 0px;
}

/*HTMLタグ==================================================================================== */



/* グローバル ----------------------------------------------------------------*/
#Global{
	width:900px;
	margin:0px auto;
	padding:0px;
}
/* グローバル ----------------------------------------------------------------*/



/* Header ---------------------------------------------------------------- */
#Header{
	width:900px;
	height:113px;
	margin: 0px;
	padding: 0px;
	background: url(../images/header_back.jpg) no-repeat;	
}

#Header h1{
	width:200px;
	height:113px;
	float:left;
	margin:0px;
	padding: 0px;
	
}
#Header h1 a{
	text-indent: -9999px;
	width:200px;
	height:113px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	text-decoration: none;
}

#Header ul{
	width:700px;
	height:113px;
	float:right;
	margin:0px;
	padding: 0px;
	list-style: none;
}

#Header li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#Header li.ticker{
	margin: 0px;
	padding: 57px 0px 0px;
	float: left;
	list-style: none;
	text-align: left;
	width: 500px;
}

#Header li.cart{
	margin: 0px;
	padding: 65px 0px 0px;
	float: right;
	list-style: none;
	text-align: left;
	width: 200px;
}

#NavigationTop{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 890px;
}
#NavigationTop #NaviTopMain{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 614px;
	position: relative;
	top: 0;
	left: 0;
}
#NavigationTop .PruMenuBox{
	float:left;
	margin:0px;
	padding:0px;
}
#NavigationTop h2{
	margin: 0px;
	padding: 0px;
	float: left;
}
.PruMenuBox ul{
	margin:0px;
	padding:0px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	background:#f2fae7;
}
.PruMenuBox li{
	margin:0px 0px;
	padding:0px 5px;
	display:block;
}
.PruMenuBox a{
	text-decoration:none;
}
.PruMenuBox a:hover{
	background:#ffe7b3;
}
#NavigationTop .PruMenu{
	margin:0px 0px 0px 10px;
	padding:0px;
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index:100px;
	display:block;
}
#NavigationTop .PruMenu2{
	margin:0px 0px 0px 10px;
	padding:0px;
	display:block;
	visibility: hidden;
	position: absolute;
	left: 119;
}
#NavigationTop .PruMenu3{
	margin:0px 0px 0px 10px;
	padding:0px;
	display:block;
	visibility: hidden;
	position: absolute;
	left: 209;
}
#NavigationTop .PruMenu4{
	margin:0px 0px 0px 10px;
	padding:0px;
	display:block;
	visibility: hidden;
	position: absolute;
	left: 299;
}
#NavigationTop .search{
	float: right;
	background: url(../images/navigation/search.jpg) no-repeat 15px 0px;
	margin: 2px 0px 0px;
	padding: 0px 0px 0px 40px;
	width: 230px;
}


#NavigationTop .searchform{
	border: 1px solid #F69717;
	margin: 8px 0px 0px;
	padding: 0px;
	float: left;	
}

#NavigationTop .btn{
	margin: 0px;
	padding: 6px 0px 0px 10px;
	float: left;
	
	
}

/* Header ----------------------------------------------------------------*/

/* Main ----------------------------------------------------------------*/

#Main{
	margin: 0px;
	padding: 10px 0px 20px;
	width: 900px;
}

#Contents{
	margin: 0px;
	padding: 0px 0px 0px 4px;
	float: left;
	width: 635px;
	
}

#Right{
	margin: 0px;
	padding: 0px 0px 0px 4px;
	float: right;
	width: 256px;
	
}

#MainFlash{
	background: url(../images/main_flash_bg.jpg) no-repeat;
	margin: 0px 0px 4px 0px;
	padding: 8px;
	height: 230px;
	width: 620px;
}



/* /Main ----------------------------------------------------------------*/






/* 中のコンテンツ共通 ----------------------------------------------------------------*/

#ContentsTop{
	background: url(../images/contents_h2_bg.gif) no-repeat 0px 0px;
	height:152px;
	padding:8px 8px 0px 8px;
	width: 620px;
	margin:0px;
}

#ContentsTop h2{
	height:100px;
	padding:0px;
	width: 620px;
	margin:0px;
}

#ContentsTopCustum{
	background: url(../images/contents_h2_top_bg.gif) no-repeat left top;
	
	padding:0px;
	width: 636px;
	margin:0px;
}

#ContentsTopCustumBt{
	background: url(../images/contents_h2_bt_bg.gif) no-repeat left bottom;
	
	padding:8px 8px 40px;
	width: 620px;
	margin:0px;
}





#Pannavi{
	padding:3px 10px 0px;
	margin:0px;
	text-align:right;
	font-size:85%;
	background: url(../images/dotline.jpg) repeat-x;
}

#Pannavi ul{
	padding:0px;
	margin:0px;
}

#Pannavi li{
	padding:0px;
	margin:0px;
	display:inline;
}


#ContentsBody{
	margin: 0px;
	padding: 8px 8px;
	width: 620px;
	background: url(../images/contentsbody_bg.gif) repeat-y 0px 0px;
}

#ContentsBody h3{
	margin: 0px 0px 10px 0px;
}


#Verisign{
	margin: 0px 0px 0px 10px;
	padding: 5px;
	width: 220px;
	border: 1px solid #CCCCCC;
}

#Verisign p{
	text-align: left;
}

#ContentsVerisign{
	margin: 0px auto;
	padding: 0px;
	width: 580px;	
}

#ContentsVerisignMark{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 130px;
}

#ContentsVerisign p{
	text-align: left;
	margin: 0px;
	padding: 20px 0px 0px;
	float: right;
	color: #666666;
	width: 450px;
	
}

/* GoToTop ----------------------------------------------------------------*/

#GoToTop{
	margin: 0px;
	padding: 20px 20px 30px;
	background: url(../images/gototop_bg.gif) no-repeat 0px bottom;
	text-align:right;
}
#GoToTop p{
	margin: 0px;
	padding: 0px;
}

/* /GoToTop ----------------------------------------------------------------*/

/* 中のコンテンツ共通 ----------------------------------------------------------------*/





.h3Block{
	padding:10px 0px;
}


.h4Block{
	padding:10px 0px;
}

.h5Block{
	padding:10px 10px;
}



/* Login ----------------------------------------------------------------*/

#LoginBox{
	margin: 0px auto 10px;
	padding: 20px 10px;
	border: 5px solid #EAF1C7;
	width:570px;
}

#LoginBox form{
	text-align:center;
}


#LoginBox p{
	margin: 0px;
	padding: 10px 10px 10px;
	text-align:center;
	color: #FF6600;
}


#LoginBox table{
	width:100%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	border-collapse:collapse;
}

#LoginBox th{
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background: #C2D85C;
	border: 1px solid #FFFFFF;
	width:160px;
	font-weight: normal;
}

#LoginBox td{
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
	border: 1px solid #FFFFFF;
	background: #EAF1C7;
	text-align:left;
}

#LoginBox input[type=submit]{
	margin: 10px 0px;

}

#LoginBox .Submit{
	padding: 10px;
}

#LoginBox .remark{
	background: #FFFFCD;
	margin: 0px auto;
	padding: 13px 10px 13px;
	width: 550px;
}

#LoginBox .remark ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#LoginBox .remark li{
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background: url(../images/blog_parts/login/remark_list.gif) no-repeat 0px 3px;
}

#LoginBox .remark .strong{
	color: #990000;
	background: url(../images/blog_parts/login/remark_list_strong.gif) no-repeat 0px 3px;
}

















#LoginBoxMenu{
	margin: 0px;
	padding: 0px;
	height: 19px;
}

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

#LoginBoxMenu li{
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
	height: 19px;
	width: 111px;
}

#LoginBoxMenu li a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 111px;
}

#LoginBoxMenu .lbm1{
	background: url(../images/blog_parts/login/menu_01.gif) no-repeat;
}

#LoginBoxMenu .lbm1s{
	background: url(../images/blog_parts/login/menu_01_2.gif) no-repeat;
}


#LoginBoxMenu .lbm2{
	background: url(../images/blog_parts/login/menu_02.gif) no-repeat;
}

#LoginBoxMenu .lbm2s{
	background: url(../images/blog_parts/login/menu_02_2.gif) no-repeat;
}

#LoginBoxMenu .lbm3{
	background: url(../images/blog_parts/login/menu_03.gif) no-repeat;
}

#LoginBoxMenu .lbm3s{
	background: url(../images/blog_parts/login/menu_03_2.gif) no-repeat;
}

#LoginBoxMenu .lbm4{
	background: url(../images/blog_parts/login/menu_04.gif) no-repeat;
}

#LoginBoxMenu .lbm4s{
	background: url(../images/blog_parts/login/menu_04_2.gif) no-repeat;
}

#LoginBoxMenu .topback{
	margin: 0px;
	padding: 0px;
	float: right;
	height: 19px;
	width: 115px;
	background: url(../images/blog_parts/login/menu_top.gif) no-repeat 0px 3px;
	text-indent: -9999px;
}

#LoginBoxMenu .topback a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 111px;
}

#BlogLoginBox{
	margin: 0px auto 10px;
	padding: 15px 10px;
	border: 5px solid #EAF1C7;
	width:570px;
}

#BlogLoginBox h4{
	margin: 0px;
	padding: 0px 0px 10px;
	height: 30px;
	
}

#BlogLoginBox .remark{
	background: #FFFFCD;
	margin: 0px auto;
	padding: 13px 10px 13px;
	width: 550px;
}

#BlogLoginBox .remark ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#BlogLoginBox .remark li{
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background: url(../images/blog_parts/login/remark_list.gif) no-repeat 0px 3px;
}

#BlogLoginBox .remark .strong{
	color: #990000;
	background: url(../images/blog_parts/login/remark_list_strong.gif) no-repeat 0px 3px;
}

#BlogLoginBox .read{
	margin: 0px;
	padding: 0px;
}

#BlogLoginBox .read p{
	margin: 0px;
	padding: 0px 15px 20px 15px;
}

#BlogLoginBox .read .bg{
	background: url(../images/blog_parts/login/read_bg.gif) no-repeat;
	margin: 0px;
	padding: 0px 0px 40px;
	height: 164px;
	width: 570px;
	font-weight: normal;
	letter-spacing: normal;
	
}

#BlogLoginBox .read .bg .have{
	margin: 0px;
	padding: 6px 0px 0px 85px;
	
	height: 60px;
	width: 315px;
}

#BlogLoginBox .read .bg .have h5{
	
	color: #E673AE;
	margin: 0px;
	padding: 0px;
}

#BlogLoginBox .read .bg .have p{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: normal;
}

#BlogLoginBox .read .bg .look{
	margin: 0px;
	padding: 18px 0px 0px 190px;
	height: 60px;
	width: 325px;
}

#BlogLoginBox .read .bg .look h5{
	
	color: #6BB6E6;
	margin: 0px;
	padding: 0px;
}

#BlogLoginBox .read .bg .look p{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: normal;
}






#BlogLoginBox .play{
	margin: 0px;
	padding: 0px;
}

#BlogLoginBox .play .sample{
	margin: 0px;
	padding: 0px;
	
}

#BlogLoginBox .play .sample h5{
	margin: 0px;
	padding: 0px;
	height: 39px;
}

#BlogLoginBox .play .sample p{
	margin: 0px;
	padding: 5px 0px 5px 20px;
}

#BlogLoginBox .play .sample .left{
	margin: 0px;
	padding: 20px 0px 0px;
	float: left;
	width: 200px;
	line-height: normal;
	letter-spacing: normal;
}

#BlogLoginBox .play .sample .right{
	margin: 0px;
	padding: 0px 0px 0px 190px;
	float: right;
	width: 180px;
	background: url(../images/blog_parts/login/play_bg.jpg) no-repeat;
	height: 280px;
	line-height: normal;
	letter-spacing: normal;
}

#BlogLoginBox .play .jyanken{
	margin: 0px;
	padding: 0px 0px 20px;
}



#BlogLoginBox .make{
	margin: 0px;
	padding: 0px;
}

#BlogLoginBox .make .text{
	margin: 0px;
	padding: 0px;
	background: url(../images/blog_parts/login/make_bg.jpg) no-repeat right 10px;
	height: 340px;
}

#BlogLoginBox .make .text h5{
	margin: 0px;
	padding: 5px 0px 0px;
}

#BlogLoginBox .make .text p{
	margin: 0px;
	padding: 5px 0px 8px 15px;
}

/* /Login ----------------------------------------------------------------*/






/* Footer ----------------------------------------------------------------*/

#Footer{
	margin: 0px;
	padding: 1px 0px 20px;
	background: #FFFFFF url(../images/footer_back.gif) repeat-x;	
	
}

#Footer .copyright{
	background: url(../images/copyright00.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	height: 60px;
	text-indent: -9999px;
}

/* /Footer ----------------------------------------------------------------*/


/* ajax ----------------------------------------------------------------*/

div.baloon {
   font-size: 100%;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../images/ajax/baloon.gif") no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../images/ajax/baloon_right.gif") no-repeat top right;
   padding: 4px 7px 17px 0;
   white-space: nowrap;
   font-size: 85%;
}

/* ajax ----------------------------------------------------------------*/








/* 汎用エリア ----------------------------------------------------------------*/

#ContentsBody{
	
}

#ContentsBody .block{
	margin: 30px auto 0px;
	padding: 0px;
	width: 600px;
	
}

#ContentsBody .block .right{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: right;
}

#ContentsBody .block .left{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}

#ContentsBody .block h3{
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 600px;
}

#ContentsBody .block p{
	margin: 0px;
	padding: 10px 15px;
}

#ContentsBody .block p strong{
	font-weight: bold;
	color: #FF0000;
}

#ContentsBody .block .single{
	text-align: center;
	margin: 10px 0px 0px;
	padding: 0px;
}

#ContentsBody .block h3.global{
	margin: 0px;
	padding: 10px 0px 0px 40px;
	height: 35px;
	width: 560px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/h3_global.gif) no-repeat;
}

#ContentsBody .block h3.globalYellow{
	margin: 0px;
	padding: 10px 0px 0px 40px;
	height: 35px;
	width: 560px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/h3_global_yellow.gif) no-repeat;
}

#ContentsBody .block h3.globalGreen{
	margin: 0px;
	padding: 10px 0px 0px 40px;
	height: 35px;
	width: 560px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/h3_global_green.gif) no-repeat;
}

#ContentsBody .block h3.globalRed{
	margin: 0px;
	padding: 10px 0px 0px 40px;
	height: 35px;
	width: 560px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/h3_global_red.gif) no-repeat;
}

#ContentsBody .block h3.globalOrange{
	margin: 0px;
	padding: 10px 0px 0px 40px;
	height: 35px;
	width: 560px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/h3_global_orange.gif) no-repeat;
}

#ContentsBody .block .ImgCenter{
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
}


/* 汎用エリア ----------------------------------------------------------------*/