@charset "shift_jis";

/* -------------------------------------------- */
/*html>body #hack {
color:#ff0000;
}
*/

* { font-size:100%; margin:0; }

html{height:100%;}

body{
	color:#2b1807;
    font-size:12px;
	line-height:1.6;
	margin:0;
	height:100%;
	background-repeat:repeat-x;
	background-image:url(image/back.gif);
	background-position: left top;
	background-attachment:scroll;
	position:relative;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

h1{
	font-size:11px;
	color:#fff;
	font-weight:lighter;
	}

a:link {color:#139DD9;text-decoration:underline;}
a:visited {color:#139DD9;text-decoration:underline;}
a:hover {color:#0F5C9B;text-decoration:underline;}

img{border:0;}
li {line-height:2;}
.outline_none {outline:0;
}

#flash{ 
   z-index: -1; 
}

.subtitle {
	background-color:#ffcf71;
	padding:10px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	margin-bottom:10px;
}

.price {
	color:#F00;
	font-weight:bold;
}

.tempfile a {
	background-image:url(shopping/image/temp_off.gif);
	background-repeat:no-repeat;
	width:123px;
	height:24px;
	display:block;
	margin-top:5px;
}

.tempfile a:hover {
	background-image:url(shopping/image/temp_on.gif);
	background-repeat:no-repeat;
	width:123px;
	height:24px;
	display:block;
	cursor:pointer;
}

/*文字装飾================================================*/

.font_red {color: #FF0000;}

.font_oraneg {color: #ff6600;}
.font_oraneg_link {color: #ff6600; font-weight:bold; text-decoration:none;}


.font_8px {font-size: 8px;}

.font_10px {font-size:10px;}

/*テーブル着色================================================*/

.hyo1{
	border-top:1px solid #FFFFFF;
	background-color : #c4e9ab;
	}

.hyo2{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color : #ffe2e2;
	}

.hyo2a{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color : #ff7d7d;
	}
	
.hyo2b{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color : #FFD58E;
	}
	
.hyo2c{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color : #b5eafb;
	}

.hyo3{
	background-color:#E6E6E6;
	padding:10px 10px;
	width:516px;
	}

/*==========================================================*/
/*==レイアウトとかそのへん===================================*/

.logo_box {
	width:243px;
	float:left;
}


/*メインウィンドウを中央配置に。IE6バグ回避対策*/

div.conteinar {
	width:864px;
	text-align:center;
	height:100%;
}

div.conteinar_box{
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}


div.contents {
	width:860px;
	height:auto;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
}

div.main_window_top_box{
 text-align: left;
  margin-left: auto;
 margin-right: auto;
}

div.main_window {
	width:864px;
	text-align:center;
	clear:both;
}

div.main_box{
 text-align: left;
  margin-left: auto;
 margin-right: auto;
}

div.left_window {
	width:260px;
	margin-top:25px;
	float:left;
	background-image:url(image/side/side_back.gif);
	background-repeat:repeat-y;
	text-align:left;
}

div.right_window {
	width:600px;
	margin-top:25px;
	margin-right:-1px;
	position:relative;
	float:right;
	text-align:left;
	_margin-top:6px;
}

/*フッダー１００％　IE6バグ回避対策*/
div.hud_window {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height:248px;
	background-image:url(image/hud_back.gif);
	background-repeat:repeat-x;
	
}

.hud_botton {
	margin-left: auto;
 	margin-right: auto;
	text-align:right;	
	width:760px;
}

div.hud_window_text {
	margin-left: auto;
 	margin-right: auto;
	text-align:left;	
	color:#595f20;
	width:760px;
	font-size:12px;
}

div.hud_window_text a {
	color:#595f20;
}

div.hud_window_text a:hover {
	color:#595f20;
}

div.hud_window_text ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
div.hud_window_text li {
	float:left;
	text-align:left;
	padding-right:15px;
}

div.contents {
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

div.top_contents {
	width:860px;
}

.blog_bar {
	background-image: url(image/blog/title_bar.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top:2px;
	color:#333333;
	font:bold;
}


/*==ブログレイアウト===================================*/

.blog_contents {
	background-image: url(image/blog/contents_line.gif);
	background-repeat: repeat-y;
}


/*==写真列挙レイアウト===================================*/

.photo_main_box {
	clear:both;
	width:600px;
}

.photo_main_box p { padding-bottom:15px; }

.photo_box1 {
	float:left;
	width:128px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:3px;
	margin-right:18px;
	margin-bottom:20px;
}

.photo_box2 {
	float:left;
	width:128px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:3px;
	margin-bottom:20px;
}

.photo_box3 {
	float:left;
	width:282px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:7px;
	margin-bottom:20px;
	margin-right:18px;
}

.photo_box3a {
	float:left;
	width:282px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:7px;
	margin-bottom:20px;
}

.photo_box4 {
	float:left;
	width:436px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:7px;
	margin-bottom:20px;
	margin-right:18px;
}

.photo_box5 {
	float:left;
	width:584px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:7px;
	margin-bottom:20px;
	margin-right:18px;
	_margin-right:4px;
}


.photo_box_text {
	width:105px;
	text-align:left;
	background-image:url(image/photo_listicon1.gif);
	background-repeat:no-repeat;
	background-position: 4px left;
	margin-left:5px;
	margin-bottom:10px;
	padding-left:15px;
	padding-top:2px;
}

.photo_box_text_detail {
	width:120px;
	text-align:left;
	margin-left:5px;
	margin-bottom:10px;
	font-size:10px;
}

.photo_box_text2 {
	width:241px;
	text-align:left;
	background-image:url(image/photo_listicon1.gif);
	background-repeat:no-repeat;
background-position: 4px left;
	margin-left:12px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	_margin-left:6px;
}

.photo_box_text3 {
	width:380px;
	text-align:left;
	background-image:url(image/photo_listicon1.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:18px;
	margin-bottom:10px;
	padding-left:15px;
	padding-top:2px;
}

.photo_box_text4 {
	width:530px;
	text-align:left;
	background-image:url(image/photo_listicon1.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:18px;
	margin-bottom:10px;
	padding-left:15px;
	padding-top:2px;
	_margin-left:5px;
}

.photo_box_text5 {
	width:500px;
	text-align:left;
	margin-left:18px;
	margin-bottom:10px;
	padding-left:5px;
	padding-top:2px;
}

.etc_photo_box1 {
	float:left;
	width:180px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:7px;
	margin-bottom:20px;
	margin-right:18px;
}

.etc_photo_box2 {
	width:591px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:7px;
	margin-bottom:20px;
}

.ly {
	z-index: 9999;
}

.etc_photo_box1a {
	float:left;
	width:180px;
	border-style:solid;
	border-color:#dbdbdb;
	text-align:center;
	padding-top:7px;
	margin-bottom:20px;
}

.photo_box_all_text {
	clear:both;
	padding:10px;
	background-color:#ffe5ec;
	color:#600;
	margin-bottom:10px;
}

.led_movie_box {
	width:530px;
	text-align:left;
	margin-bottom:20px;
	margin-left:22px;
}


/*==ブログのサイドレイアウト===================================*/

.side_blog_back1{
	background-image:url(image/blog/side_back1.gif);
	height:32px;
	width:168px;
	padding-left:35px;
	padding-top:4px;
	font-size:11px;
	line-height:110%;
}

.side_blog_back2{
	background-image:url(image/blog/side_back2.gif);
	height:32px;
	width:168px;
	padding-left:35px;
	padding-top:4px;
	font-size:11px;
	line-height:110%;
}


.top_kizi_font1 {
	font-size:9px;
	color:#e8005d;
}

.top_kizi_font2 {
	font-size:12px;
	color:#860c3d;
}


/*==リンクレイアウト===================================*/

.link_photo2 {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	}
	
.link_photo2:hover {
	background-color:#FFCC66;
	}

.link_detail_window {
	clear:both;
	width:570px;
	margin-bottom:20px;
}


/*フッダー１００％　IE6バグ回避対策*/
div.hud_window {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height:236px;
	background-image:url(image/hud_back.gif);
	background-repeat:repeat-x;
	text-align:center;
}

div.hud_text_mainbox {
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

div.hud_window_text {
	text-align:left;	
	color:#ffffff;
	width:370px;
	padding-top:70px;
	float:left;
}

.hud_right {
	width:469px;
	float:right;
}

div.hud_window_text a {
	color:#ffffff;
}

div.hud_window_text a:hover {
	color:#ffee5c;
}


.hud_under_text {
	clear:both;
	color:#FFF;
	width:860px;
	text-align:left;
}


/*==注目商品レイアウト===================================*/

.pickup_box {
	border:1px solid #cccccc;
	padding:23px;
	}

.pickup_photo_flort {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}


/*==メールフォーム===================================*/

.mail_caution{
	background-color:#ffe2e2;
	border-style:solid;
	border-width:1px;
	border-color:#ff90b9;
	margin:15px 0 0 0;
}

.mail_caution p{
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
	padding:5px 10px;
}

.mail_caution span{color:#ff3300; font-weight:bold;}


/*==過去ログページ追加(横濱)===================================*/

.month_title{
	width:568px;
	height:25px;
	border-style:dotted;
	border-width:1px;
	border-color:#ff90b9;
	font-weight:bold;
	margin:15px 0;
}

.month_title p{
	width:546px;
	height:17px;
	background-color:#ffe2e2;
	border-style:dotted;
	border-width:1px;
	border-color:#ffffff;
	padding:3px 10px;
}

.log_date{
	width:558px;
	margin:5px 0 0 12px;
}

.log_date span{
	color:#e8005d;
	font-weight:bold;
}

.icon01{vertical-align:middle;}


/*==　ショッピング一覧　===================================*/

h3 {
	color:#333333;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
}


.common_navi {
	background-image:url(image/contents/show/navi.gif);
	width:600px;
	height:45px;
	margin-top:10px;
	margin-bottom:20px;
}

.navi_back a{
	background-image:url(image/contents/show/navi_back.gif);
	background-repeat:no-repeat;
	width:115px;
	height:31px;
	display:block;
	float:left;
	margin-top:7px;
	margin-left:7px;
}

.navi_next a{
	background-image:url(image/contents/show/navi_next.gif);
	background-repeat:no-repeat;
	width:115px;
	height:31px;
	display:block;
	float:left;
	margin-top:7px;
	margin-right:7px;
}

.navi_back a:hover{
	background-image:url(image/contents/show/navi_back_on.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

.navi_next a:hover{
	background-image:url(image/contents/show/navi_next_on.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

.center_mess {
	text-align:center;
	padding-top:13px;
}

.common_box_over_width {
	width:609px;
}

.common_box {
	border:solid 4px #ffdaa6;
	width:123px;
	float:left;
	margin-right:9px;
	padding:6px;
	margin-bottom:9px;
}

.common_box .title {
	background-image:url(image/contents/show/icon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:18px;
	color:#ff4582;
	font-weight:bold;
	margin-top:4px;
}

.common_detail_box {
	margin-top:20px;
	margin-bottom:20px;
}

.common_detail_box .title {
	font-size:20px;
	color:#e8005d;
	font-weight:bold;
}

.common_detail_box .title span {
	color:#666;
	font-size:12px;
}

.common_detail_box .price {
	color:#0096ff;
	font-size:18px;
	font-weight:bold;
}

.common_detail_box .price span {
	font-size:12px;
}

.common_detail_box .order a {
	background-image:url(image/contents/detail/order_off.jpg);
	background-repeat:no-repeat;
	width:284px;
	height:45px;
	display:block;
	margin-top:20px;
}

.common_detail_box .order a:hover {
	background-image:url(image/contents/detail/order_on.jpg);
	cursor:pointer;
}


.bs_box {
	background-image:url(image/contents/top/bs_box_r.gif);
	background-repeat:repeat-y;
	width:815px;
	padding-left:23px;
	padding-right:23px;
}

.bs_box a img:hover {
	opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}


/*==コットンキャンディ ワールドワイドな感じ===================================*/
.ww {
	float:left;
	margin-right:10px;
}

.email-box {
	width:600px;
	float:right;
	margin-bottom:30px;
	border:3px solid #fa0169;
	box-sizing:border-box;
	padding:30px;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffeaf5+0,ffffff+100 */
background: #ffeaf5; /* Old browsers */
background: -moz-linear-gradient(top, #ffeaf5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffeaf5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffeaf5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.email-box h2 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#ff2d88;
}

.email-box p {
	font-size:24px;
	font-weight:bold;
}

/* ===============================================
videoタグ
=============================================== */

.video_wrap{
	display: flex;
	max-width: 593px;
	justify-content: space-between;
}