/* タグ再定義 *************************************************************/

*{
margin:0px;
line-height:150%;
text-align:left;
}

body{
font-family: Osaka, "ヒラギノ角ゴPro W3", "ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
font-size:12px;
background:#FFF;
color:#333;
}

h1{
font-size:12px;
font-weight:normal;
background:#639191;
color:#FFF;
padding:1px 15px 2px 15px;
text-align:right;
border-bottom:1px solid #CCC;
}

h2{
font-size:12px;
background:#FEFFFF;
margin-bottom:5px;
padding:2px 15px 2px 15px;
border-top:2px solid #399;
border-bottom:1px solid #399;
font-weight:normal;
}

h3{
padding:2px 15px 3px 15px;
border-bottom:1px solid #CCC;
}

h4{
color:#669900;
}


b{
color:#FF0099;
font-weight:normal;
}


i{
color:#669900;
font-style:normal;
}


textarea, select, input {
font-family: Osaka, "ヒラギノ角ゴPro W3", "ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
}

textarea{
line-height:150%;
font-size:12px;
width:90%;
padding:5px;
}

input{
line-height:100%;
padding:2px 5px 2px 5px;
}

hr{
margin:15px 0px 15px 0px;
}



/* リンククラス *************************************************************/

a{
color:#06F;
text-decoration:none;
}

a:hover{
color:#06F;
text-decoration:underline;
}

.link_w{
color:#FFF;
text-decoration:none;
}

.link_w:hover{
color:#FFF;
text-decoration:underline;
}

.link_m{
color:#333;
text-decoration:none;
}

.link_m:hover{
color:#58832E;
text-decoration:underline;
}




/* 構造クラス *************************************************************/

.head_back{
background:url(image/head_back.jpg) repeat-x;
}


.head{
display:block;
width:950px;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
}


#header_menu {
	list-style-type: none;
	padding:3px 0px 3px 0px;
	margin: 0px;
	background:#FAFAFA;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}


#header_menu li {
	display: inline;
	margin:0px 1px 0px 0px;
	padding:5px 25px 5px 25px;
	border-left:1px dotted #CCC;
}


#header_menu li:hover {
	background:#E0EFD1;
}


.center{
width:950px;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
}

.center2{
width:650px;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
}

.side_left{
float:right;
width:180px;
margin-right:20px;
}


.side_left_menu{
float:right;
width:149px;
background:#FAFAFA;
padding:15px;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}

.base{
float:right;
width:750px;
}

.main{
float:left;
width:550px;
}

.side_right{
float:left;
width:180px;
margin-left:20px;
}


.side_right_top{
float:right;
width:149px;
background:#FAFAFA;
padding:15px;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}


.disp_side_right{
float:right;
width:219px;
background:#FAFAFA;
padding:15px;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
margin-bottom:15px;
}


.login_panel{
border:1px solid #CCC;
padding:10px;
}


.item_menu{
padding:3px 10px 3px 10px;
margin-bottom:1px;
border-top:1px solid #EEE;
border-left:1px solid #EEE;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}


.item_menu:hover{
background:#E0EFD1;
}


.menu_tag{
margin-bottom:5px;
color:#E41077;
border-bottom:1px solid #CCC;
padding-bottom:5px;
font-weight:bold;
}


.menu_top{
margin-bottom:5px;
border-bottom:1px solid #CCC;
padding-bottom:5px;
}

.menu_bottom{
margin-top:5px;
border-top:1px solid #CCC;
padding-top:5px;
}


.menu_list{
margin-bottom:2px;
}


.foot{
display:block;
width:920px;
margin:0px auto 0px auto;
text-align:right;
background:#639191;
padding:15px 15px 15px 15px;
color:#FAFAFA;
}


.item_list_menu{
border-left:1px dotted #CCC;
background:#FAFAFA;
width:151px;
padding:3px 15px 3px 15px;
float:left;
margin:0px 1px 1px 0px;
}


.item_list_menu:hover{
background:#ECF8FF;
}



/* テキストボックスクラス *************************************************************/

.text_box01{
background:#FAFAFA;
border-top:1px solid #EEE;
border-left:1px solid #EEE;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:15px;
margin-bottom:20px;
}



/* ボックスクラス *************************************************************/

.news_box{
background:#FAFAFA;
border-top:1px solid #EEE;
border-left:1px solid #EEE;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
margin-bottom:10px;
padding:10px 15px 10px 15px;
border-top:none;
overflow:auto;
height:100px;
}

.item_box01{
width:170px;
height:180px;
float:left;
display:block;
text-align:center;
margin:0px 10px 30px 0px;
}


.item_box02{
width:150px;
float:left;
display:block;
text-align:center;
margin:0px 10px 20px 0px;
padding:0px 10px 10px 10px;
}


.item_disp01{
background:#FAFAFA;
border-top:1px solid #EEE;
border-left:1px solid #EEE;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}


.item_title01{
background:#639191;
padding:3px 15px 3px 15px;
color:#FFF;
}


.color_box01{
float:left;
width:183px;
display:block;
background:#000;
color:#FFF;
}


.screen_box01{
float:left;
width:183px;
display:block;
background:#000;
color:#FFF;
border-top:10px solid #000;
}


.cart_box01{
margin-bottom:15px;
}


.illust_box01{
width:175px;
height:200px;
float:left;
margin:0px 10px 20px 0px;
text-align:center;
}


.illust_box02{
width:175px;
height:200px;
float:left;
margin:0px 0px 10px 0px;
text-align:center;
}


.illust_image01{
border:1px solid #CCC;
width:175px;
height:175px;
text-align:center;
}


.illust_image01:hover{
background:#ECECEC;
border:1px solid #CCC;
width:175px;
height:175px;
text-align:center;
}


.illust_disp_box{
width:700px;
text-align:center;
float:left;
}


.user_box00{
float:left;
margin:0px 13px 30px 0px;
}


.user_box01{
width:175px;
height:175px;
border:1px solid #CCC;
}


.voice_label{
font-size:16px;
color:#99CC00;
margin-bottom:5px;
padding:0px 15px 0px 15px;
}


.voice_mess{
font-size:14px;
margin-bottom:20px;
border-bottom:1px dashed #CCC;
padding-bottom:15px;
padding:0px 15px 15px 15px;
}


.page_count01{
padding:5px;
background:#09F;
width:20px;
text-align:center;
float:left;
margin:0px 3px 50px 0px;
font-size:16px;
}

.page_count02{
padding:5px;
background:#6FC6FF;
width:20px;
text-align:center;
float:left;
margin:0px 3px 50px 0px;
font-size:16px;
}


.review_line{
text-align:right;
padding:20px;
}



/* テーブルクラス *************************************************************/


.td_tag01{
background:#FAFAFA;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:3px 15px 3px 15px;
text-align:right;
color:#666;
}


.td_tag02{
background:#FAFAFA;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:3px 15px 3px 15px;
text-align:center;
color:#666;
}


.td_tag03{
background:#FAFAFA;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:3px 15px 3px 15px;
color:#666;
}


.td_line01{
background:#FFF;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:3px 15px 3px 15px;
}


.td_line02{
background:#FFF;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:3px 15px 3px 15px;
text-align:center;
}


.td_line03{
background:#FFF;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:3px 15px 3px 15px;
text-align:right;
}


.td_pb10{
padding-bottom:10px;
}


.td_point{
color:#FF0099;
}



/* マージンボトム *************************************************************/

.mb01{
margin-bottom:1px;
}

.mb05{
margin-bottom:5px;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}

.mb20{
margin-bottom:20px;
}

.mb30{
margin-bottom:30px;
}

.mb50{
margin-bottom:50px;
}

.mr50{
margin-right:50px;
}

.mr5{
margin-right:5px;
}



/* 幅調整クラス *************************************************************/

.wd90{
width:90%;
}

.lh200{
line-height:200%;
}


/* フォントサイズクラス *************************************************************/

.fs10{
font-size:10px;
}

.fs11{
font-size:11px;
}

.fs12{
font-size:12px;
}

.fs14{
font-size:14px;
}

.fs18{
font-size:18px;
}


/* テキストカラークラス *************************************************************/

.fc01{
color:#FF0099;
}

.fc02{
color:#FF0066;
}

.fc03{
color:#669900;
}


/* テキストアライン *************************************************************/

.tac{
text-align:center;
}

.tar{
text-align:right;
}


/* パディングクラス *************************************************************/

.pd5{
padding:5px;
}

.pd10{
padding:10px;
}

.pd15{
padding:15px;
}

.pd5_10{
padding:5px 10px 5px 10px;
}

.pdl10{
padding-left:10px;
}

.pdl15{
padding-left:15px;
}

.pdl20{
padding-left:20px;
}


/* ボーダークラス *************************************************************/

.bb{
padding:5px;
border-bottom:1px solid #CCC;
}