/* CSS Document */

/*
* html ←IE6以下：
*:first-child+html ←IE7：
html[xmlns*=""] body:last-child ←Safari
*/

/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; font-size:12PX; line-height:17px; font-family:Verdana,osaka,"ＭＳ Ｐゴシック",sans-serif,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック" ,Arial; color: #333333 ;color:#666666;;zoom:1;}
table{border-collapse:collapse;border-spacing:0; }
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-size:13PX; line-height:13px}
q:before,q:after{content:'';}
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; font-size:12PX; line-height:17px; font-family:Helvetica,Arial,clean,Hiragino Kaku Gothic Pro,Meiryo,sans-serif; color: #333333 /*color:#666666;*/;zoom:1;}
table{border-collapse:collapse;border-spacing:0; }
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-size:13PX; line-height:13px}
q:before,q:after{content:'';}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix {display: inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/****************************************
共通　レイアウト リキッド
*****************************************/

html, body {
	height: 100%;
	min-height:700px;
	/*min-height:805px;*/
	min-width: 1000px;
}
body {
	color: #000;
	background: #FFFFFF url(/images/common/html_background.gif) repeat-y right;
	
}

.bfont{
font-weight:bold;
}


/****************************************
liquidWrapper
*****************************************/
#liquidWrapper {
	position: relative;
	min-width: 1000px;
	height: auto;
	min-height:100%;
}


/****************************************
LIQUISIDE
*****************************************/
#liquidSide {
	position: absolute;
	right: 0;
	width: 261px;
	height: 100%;
	min-height:100%;
}


/****************************************
LIQUIDBODY
*****************************************/
#liquidBody {
	margin-right: 261px;
	height: 100%;
	/**/
}

#contentsHolder {
	width: 100%;
	height: 100%;
}

#fitFlashHolder {
	background: #000;
	width: 100%;
	height: 100%;
	min-height:700px;
	/*min-height:805px;*/
}

/****************************************
共通　シングルライン
*****************************************/
.singleline {
width:100%;
height:auto;
min-height:100%;
}

.singleline .sinbox {
padding:0 20px 20px 20px;
}

.editArea{
min-height:700px;
	/*min-height:805px;*/
}


/****************************************
共通　フッター
*****************************************/

DIV.com_footer {
position: absolute;
bottom:15px;
right:0px;
text-align:left;
width:250px;
padding:0 0 0 5px;
}

DIV.com_footer UL.com_footer_menu {
padding:0}
DIV.com_footer UL.com_footer_menu LI {
color:#FFFFFF
}



/****************************************
メインビジュアル　フラッシュ
*****************************************/
#flashapp_wrap{
/*position:relative;*/
width:100%; 
height:100%;
min-height:700px;
/*background: #000000*/
}



/****************************************
共通　グローバルメニュー
*****************************************/
.com_global{
margin:0 0 10px 0;
padding:0 0 0 0;
/*border-bottom: solid 1px #666666;*/
background: url(/images/common/x7x-logo.png) no-repeat;
}
.com_global STRONG{
color:#FFFFFF;
display:block;
font-size:18px;
margin:0 0 10px 0;
}

.logoHolder{
height:60px;
}
.com_global UL{
/*background:#2c2d2d;*/
padding:1px 10px 0 10px;
margin:0 0 0 0;
border-top: solid 1px #9C9C9C;
background:#000000;
}
.com_global UL LI{
padding: 3px 0 3px 0;
margin:0 0 0 0;
font-size:14px;
line-height:20px;
/*border-bottom: dotted 1px #585959*/
background:url( ../images/common/dottedboarder_blk.jpg ) repeat-x bottom;
letter-spacing:0px;
}

.com_global2{
margin:0 0 10px 0;
padding:0 0 0 0;
/*border-bottom: solid 1px #666666;*/
background: url(/images/common/x7x-logo.png) no-repeat;
}
.com_global2 STRONG{
color:#FFFFFF;
display:block;
font-size:18px;
margin:0 0 10px 0;
}
.com_global2 UL{
/*background:#2c2d2d;*/
padding:1px 10px 0 10px;
margin:0 0 0 0;
border-top: solid 1px #9C9C9C;
background:#000000;
}
.com_global2 UL LI{
padding:0 0 0 0;
margin:0 0 0 0;
font-size:14px;
line-height:20px;
/*border-bottom: dotted 1px #585959*/
background:url( ../images/common/dottedboarder_blk.jpg ) repeat-x bottom;
letter-spacing:0px;
height:27px
}


.glbmns #cmenu_1{
background:url( ../images/common/globalmenu_images_01.jpg) no-repeat;
background-position:0 3px;
}
.glbmns #cmenu_2{
background:url( ../images/common/globalmenu_images_02.jpg) no-repeat;
background-position:0 3px;
}
.glbmns #cmenu_3{
background:url( ../images/common/globalmenu_images_03.jpg) no-repeat;
background-position:0 3px;
}
.glbmns #cmenu_4{
background:url( ../images/common/globalmenu_images_04.jpg) no-repeat;
background-position:0 3px;
}
.glbmns #cmenu_5{
background:url( ../images/common/globalmenu_images_05.jpg) no-repeat;
background-position:0 3px;
}
.glbmns #cmenu_6{
background:url( ../images/common/globalmenu_images_06.jpg) no-repeat;
background-position:0 3px;
}
.glbmns #cmenu_7{
background:url( ../images/common/globalmenu_images_07.jpg) no-repeat;
background-position:0 3px;
}

.global_submenuHolder{
padding:0 0 0 10px;
margin:0 0 15px 0;
height:20px;
}
.global_submenuHolder IMG{
margin:0 10px 0 0;
border:solid 1px #9C9C9C
}

#gl_submenu {
padding:0 0 10px 10px;
}
#gl_submenu IMG{
margin:0 5px 0 0;
}

/****************************************
共通　カートをみるボタンホルダ
*****************************************/
.viewCartBtnHolder{
}

.viewCartBtnHolder IMG{
}

/****************************************
HOW TO BUY ボタンホルダー
*****************************************/
.howToBuyBtnHolder{
}

/****************************************
共通　コレクション
*****************************************/
.com_collections{
width:260px;
margin:0 0 10px 1px;
/*border-top: solid 1px #666666;*/
border-top: solid 1px #9C9C9C;
}

.com_collections SPAN.pointTitle{
display:block;
text-align:left;
padding:5px 10px 5px 10px;
font-weight:bold;
color:#EAEAEA;
display:none
/*color: #9C9C9C;*/
/*background:#1a1a1a*/
}

.com_collections DIV.collectionsBox{
overflow:hidden;
width:130px;
height:77px;
/*background:#006666;*/
float:left;
position:static;
}

SPAN.collectionsTitleWrapp{
display:block;
position: relative;
left:0;
bottom:76px;
height:17px;
padding:0 0 0 1px;
font-size:10px;
line-height:12px;
width:119px;
font-weight:bold;
letter-spacing:0;
}

.com_collections IMG.collectionsImage{
width:129px;
top:0;
left:0;
}

.com_collections A{
padding:0;
margin:0;
font-size:0px;
line-height:0px;
text-decoration:none
}
.com_collections A:link{
color:#9C9C9C
}
.com_collections A:visited{
color:#9C9C9C
}
.com_collections A:hover{
color:#0099FF;
}

/****************************************
ブログのブロッック
*****************************************/
.com_yuboblog{
width:260px;
margin:0 0 10px 1px;
/*border-top: solid 1px #666666;
border-top: solid 1px #9C9C9C;*/
}

.com_yuboblog SPAN.pointTitle{
display:block;
text-align:left;
padding:5px 10px 5px 10px;
font-weight:bold;
color:#EAEAEA;
display:none
/*color: #9C9C9C;*/
/*background:#1a1a1a*/
}

.com_yuboblog IMG{
display:block;
margin:0 0 0 10px;
}

/****************************************
フッター
*****************************************/
.com_footerHolder{
width:260px;
margin:0 0 0 1px;
/*border-top: solid 1px #666666;
border-top: solid 1px #9C9C9C;*/
}

UL.com_footer{
margin:0 10px 0 10px
}
UL.com_footer LI{
width:140px;
font-size:9px;
line-height:16px;
padding:0 0 0 0;
letter-spacing:0px;
}

/****************************************
共通　フッター
*****************************************/
DIV.mainvisualwrap{
position: relative; 
width:100%; 
height:100%
}





/****************************************
共通　Hタグ
*****************************************/
H1{
font-weight:bold;
font-size:19px;
line-height:24px;
margin:0 0 15px 0;
}


/****************************************
共通　リンク文字指定
*****************************************/
a:link{ cursor:pointer; color: #666666; text-decoration: none;}
a:visited{ cursor:pointer; color: #666666; text-decoration: none}
a:hover{ cursor:pointer; color: #0099FF; text-decoration:  none}


a.sinallow:link{
padding:0 0 0 14px;
background:url(/images/common/sin-arrow.gif) no-repeat 2px 2px;
}
a.sinallow:visited{ 
padding:0 0 0 14px;
background:url(/images/common/sin-arrow.gif) no-repeat 2px 2px;
}
a.sinallow:hover{ 
padding:0 0 0 14px;
background:url(/images/common/sin-arrow-over.gif) no-repeat 2px 2px;
}

a.sinverticalallow:link{
padding:0 0 0 14px;
background:url(/images/common/sin-vertical-arrow.gif) no-repeat 2px 3px;
}
a.sinverticalallow:visited{ 
padding:0 0 0 14px;
background:url(/images/common/sin-vertical-arrow.gif) no-repeat 2px 3px;
}
a.sinverticalallow:hover{ 
padding:0 0 0 14px;
background:url(/images/common/sin-vertical-arrow-over.gif) no-repeat 2px 3px;
}

a.globalmenus{}
a.globalmenus:link{
color:#EAEAEA;
}
a.globalmenus:visited{ 
color:#EAEAEA;
}
a.globalmenus:hover{ 
color: #0099FF;
}

a.footermenus:link{
color:#EAEAEA;
padding:0 0 0 12px;
background:url(/images/common/sin-arrow-blk.gif) no-repeat 0px 1px;
}
a.footermenus:visited{ 
color:#EAEAEA;
padding:0 0 0 12px;
background:url(/images/common/sin-arrow-blk.gif) no-repeat 0px 1px;
}
a.footermenus:hover{ 
color: #0099FF;
padding:0 0 0 12px;
background:url(/images/common/sin-arrow-blk-over.gif) no-repeat 0px 1px;
}

a.sinallow_alpha:link{
padding:0 0 0 14px;
background:url(/images/common/sin-arrow.gif) no-repeat 2px 3px;
}
a.sinallow_alpha:visited{ 
padding:0 0 0 14px;
background:url(/images/common/sin-arrow.gif) no-repeat 2px 3px;
}
a.sinallow_alpha:hover{ 
padding:0 0 0 14px;
background:url(/images/common/sin-arrow-over.gif) no-repeat 2px 3px;
}


a.allways_blue:link{ cursor:pointer; color: #0099FF; text-decoration: none;}
a.allways_blue:visited{ cursor:pointer; color: #0099FF; text-decoration: none}
a.allways_blue:hover{ cursor:pointer; color: #0099FF; text-decoration: underline}


/****************************************
以下　こまいデザイン
*****************************************/







/****************************************
フッター周り
*****************************************/

DIV.com_footer a{ 
text-decoration: none;
}




/****************************************
ページのH１ホルダー
*****************************************/
.titleHolder{
padding:0 0 8px 0;
margin:0 0 15px 0;
border-bottom:solid 1px #9C9C9C;
}

.titleHolder H1{
font-weight:bold;
font-size:30px;
line-height:31px;
margin:0 0 7px 0;
}

.subcatHolder {}

.subcatHolder SPAN.hover-subcat{
color:#0099FF;
font-weight:bold;
font-size:16px;
line-height:18px;
padding:0 0 0 1px;
width:300px;
float:left;
display:block
}


.subcatHolder .subcatlists{
width:300px;
float:right;
}

.subcatHolder .subcatlists UL{}
.subcatHolder .subcatlists LI{
float:right;
margin:0 0 0 15px;
}

.titleHolderRFbox{
float:right
}