/*
##################################################
 ヤキモチストリームCSS
##################################################
*/

/* 選択中の文字色 */
::selection { background: #14b9d6; color: #fff; /* Safari */ }
::-moz-selection { background: #14b9d6; color: #fff; /* Firefox */ }

/* RESET */
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

/* BASE */
html { height: 99%; }
body
{
	height: 100%;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Verdana, sans-serif;
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 170%;
	color: #6a6a6a;
	background: url(images/com_bg.jpg);
}

/* area点線消し */
area {
	border:none;
	outline:none;
}

/* リンク */
a {
	color: #14b9d6; text-decoration: underline;
}
a:hover{ color: #e36c95; }

a.box_link
{
	padding: 8px 10px 8px 10px;
	background: #14b9d6;
	color: #ffffff;
	text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    line-height: 300%;
}
a:hover.box_link
{
	background: #e36c95;
	color: #ffffff;
}

/* 強調 */
.red { color: #e36c95; }
.blue { color: #14b9d6; }

/* キャラ文字色 */
.sana { color: #e36c95; }
.tanya { color: #d6a42c; }
.kohane { color: #98cb47; }
.mutsuki { color: #9f80c5; }
.hina { color: #9d6351; }
.karin { color: #f57ac7; }
.sizuku { color: #8c5974; }
.kazuma { color: #13ab99; }

/* デカ文字 */
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }

/* チビ文字 */
.min { font-size: 10px; line-height: 16px; }

/* float解除 */
.clear{ clear: both; line-height: 0}

/* 年齢認証 */
#modal { position:fixed; z-index:99999; text-align:center; display:none; left:50%; top:50%; margin-left: -150px; margin-top: -100px; }
#modal_box { background-image: url("../modal_bg.jpg"); width: 298px; height:199px; }
#modal a { cursor:pointer; }

/* 上へ戻るボタン */
#gototop
{
	display: block;
	background-image: url("images/com_bt_gototop.png");
	width: 64px;
	height: 64px;
	text-indent: -9999px;
	text-decoration: none;
	position: fixed;
	bottom: 230px;
	right: 5px;
}
#gototop a:hover { background-position:bottom; }

.disabled
{
    pointer-events: none;
    cursor: default;
	filter: alpha(opacity=40);
	-moz-opacity:0.40;
	opacity:0.40;
}

hr
{
    border:none;
    border-top:dashed 1px #b6b6b6;
    height:1px;
    margin: 10px 0px 10px 0px;
}

.rad2
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.rad3
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
.rad5
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/*
##################################################
 common
##################################################
*/

/* ヘッダ */
#header
{
	position: fixed;
	top: 0px;
	background: #14b9d6;
	width: 100%;
	height: 10px;
	z-index: 998;
}
#header_menu
{
	z-index: 999;
	background: url("images/com_header_menubg.png");
	background-repeat: no-repeat;
	width: 288px;
	height: 36px;
	margin-left: 640px;
	padding-left: 30px;
	padding-top: 10px;
	position: fixed;
	left: -9999px;
}
#header_menu a.home,
#header_menu a.twitter,
#header_menu a.contact
{
	display: block;
	height: 19px;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	margin-right: 10px;

}
#header_menu a.home { width: 63px; background-image: url("images/com_header_menu_bt_home.png"); }
#header_menu a.home:hover { background-position:bottom; }
#header_menu a.twitter { width: 70px; background-image: url("images/com_header_menu_bt_twitter.png"); }
#header_menu a.twitter:hover { background-position:bottom; }
#header_menu a.contact { width: 73px; background-image: url("images/com_header_menu_bt_contact.png"); }
#header_menu a.contact:hover { background-position:bottom; }

/* 汎用メニュー */
#menu
{
	padding-top: 40px;
	/*background: #fff;*/
	background-image: url("images/com_menu_bg.png");
	background-repeat: repeat-x;
	background-position: bottom;
	height: 48px;
}
#menu_contents
{
	background-image: url("images/com_menu_contents_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 960px;
	height: 66px;
	margin: 0 auto;
}
#menu_bt
{
	text-align: left;
	width: 960px;
	border-collapse: collapse;
	border: 0px;
}
#menu_bt tr td
{
	text-align: left;
	width: 143px;
	height: 45px;
	padding:0px;
}
#menu_bt a.home,
#menu_bt a.point,
#menu_bt a.story,
#menu_bt a.character,
#menu_bt a.gallery,
#menu_bt a.download,
#menu_bt a.spec,
#menu_bt a.special
{
	display: block;
	height: 45px;
	text-indent: -9999px;
	text-decoration: none;
}
#menu_bt a.home { width: 234px; height: 89px; }
#menu_bt a.point { width: 105px; background-image: url("images/com_menu_bt_point.png"); }
#menu_bt a.story { width: 105px; background-image: url("images/com_menu_bt_story.png"); }
/*#menu_bt a.story:hover { background-position:bottom; }*/
#menu_bt a.character { width: 145px; background-image: url("images/com_menu_bt_character.png"); }
/*#menu_bt a.character:hover { background-position:bottom; }*/
#menu_bt a.gallery { width: 119px; background-image: url("images/com_menu_bt_gallery.png"); }
/*#menu_bt a.gallery:hover { background-position:bottom; }*/
#menu_bt a.download { width: 145px; background-image: url("images/com_menu_bt_download.png"); }
/*#menu_bt a.download:hover { background-position:bottom; }*/
#menu_bt a.spec { width: 95px; background-image: url("images/com_menu_bt_spec.png"); }
/*#menu_bt a.spec:hover { background-position:bottom; }*/
#menu_bt a.special { width: 117px; background-image: url("images/com_menu_bt_special.png"); }
/*#menu_bt a.special:hover { background-position:bottom; }*/

#menu_bt .on {
	background-position:bottom;
    pointer-events: none;
    cursor: default;
}

/* ロゴボタン */
#menu .homebt {
	display: block;
	height: 45px;
	text-indent: -9999px;
	text-decoration: none;
	width: 231px;
	height: 83px;
	position: relative;
	top: -111px;
	left: -3px;
	background-image: url("images/com_menu_bt_home.png");
}
#menu .homebt:hover { background-position:bottom; }

/* パンくずリスト */
#navi
{
	width: 710px;
	margin: 0 auto;
	font-size: 10px;
	padding-left: 250px;
	padding-top: 2px;
	font-weight: bold;
}
/*
#navi a
{
	font-size: 10px;
	background: #14b9d6;
	padding: 3px 8px 2px 9px;
	color: #fff;
	text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
#navi a:hover{ background: #e36c95; }
*/

/* メインコンテンツ */
#main
{
	height: 100%;
	min-height: 100%;
	border-right: solid 10px #14b9d6;
	border-left: solid 10px #14b9d6;
}
body > #main { height: auto; }

#contents
{
	padding-top: 20px;
	width: 960px;
	margin: 0 auto;
}

/* 見出しBIG */
.cap_big
{
	position: relative;
	left: -10px;
}

/* 大きめのボックス */
.box_big
{
	padding: 20px;
}
.box_big .ban
{
	position: relative;
	left: -2px;
	margin-bottom: 20px;
	margin-top: 20px;
}

/* 大見出し */
.com_cap,
.com_cap_main,
.com_cap_point,
.com_cap_download,
.com_cap_special,
.com_cap_ch1,
.com_cap_souki,
.com_cap_kanren,
.com_cap_gallery
{
	padding:5px 20px 10px 18px;
	margin-top: 20px;
	font-size: 20px;
	color: #b19dca;
	border-bottom: 1px solid #dbcaf1;
}
.com_cap_main
{
	color: #14b9d6;
	border-bottom: 1px solid #14b9d6;
}
.com_cap_point
{
	color: #e36c95;
	border-bottom: 1px solid #e36c95;
}
.com_cap_special
{
	color: #daa081;
	border-bottom: 1px solid #daa081;
}
.com_cap_ch1
{
	color: #3eb134;
	border-bottom: 1px solid #3eb134;
}
.com_cap_souki
{
	color: #644045;
	border-bottom: 1px solid #644045;
}
.com_cap_kanren
{
	color: #ff8a00;
	border-bottom: 1px solid #ff8a00;
}
.com_cap_gallery
{
	color: #e7ab1b;
	border-bottom: 1px solid #e7ab1b;
}
/* 大見出し●用 */
.com_cap span,
.com_cap_main span,
.com_cap_point span,
.com_cap_download span,
.com_cap_special span,
.com_cap_ch1 span,
.com_cap_souki span,
.com_cap_kanren span,
.com_cap_gallery span
{
	font-size:24px;
	padding-right:19px;
	vertical-align: bottom;
}

.box_cap
{
	font-size: 10px;
	color: #fff;
	background: #878787;
	line-height: 24px;
	padding: 2px 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    vertical-align: top;
}

/* カラム */
#left{width: 630px; margin-top: 20px; margin-right: 30px; margin-bottom: 60px; float: left; }
#side{width: 300px; margin-top: 20px; margin-bottom: 60px; float: left; }

/* フッタ */
#footer
{
	font-size: 10px;
	text-align: center;
	background: #14b9d6;
	width: 100%;
}
#footer_contents
{
	width: 960px;
	margin: 0 auto;
	color: #ffffff;
	padding-top: 40px;
	padding-bottom: 30px;
}
#fotter_menu
{
	font-size: 10px;
	padding-bottom: 10px;
}
#fotter_menu table
{
	margin: 0 auto;
}

#fotter_menu td
{
	padding: 7px;
	padding-top: 10px;
}
#fotter_menu td a
{
	background: url("images/com_footer_menuicon.png") no-repeat left top;
	padding-left: 9px;
	color: #ffffff;
	text-decoration: none;
}
#fotter_menu a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

/*
##################################################
 サイドバー
##################################################
*/

#publicity img
{
	margin-right: 15px;
	float: left;
}

#publicity div.box
{
	font-size: 11px;
	line-height: 16px;
	margin-top: 5px;
	padding: 5px 5px 5px 30px;
	border: 1px solid #d7d7d7;
	background: #fff;
}

#counter
{
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #d7d7d7;
	background: #fff;
	text-align: center;
}

/*
##################################################
 トップページ
##################################################
*/

/* トップスライダー */
#top_slider
{
	background-image: url("images/com_top_slider_bg2.jpg");
	height: 650px;
}
#top_slider_contents
{
	width: 960px;
	margin: 0 auto;
}

/* トップ用のメニュー */
#top_menu
{
	background-image: url("images/com_top_menu_bg.png");
	background-repeat: repeat-x;
}
#top_menu_contents
{
	background-image: url("images/com_top_menu_contents_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 960px;
	height: 78px;
	margin: 0 auto;
}
#top_menu_bt
{
	text-align: left;
	width: 960px;
	border-collapse: collapse;
	border: 0px;
}
#top_menu_bt tr td
{
	text-align: left;
	width: 143px;
	height: 45px;
	padding:0px;
}
#top_menu_bt a.story,
#top_menu_bt a.point,
#top_menu_bt a.character,
#top_menu_bt a.gallery,
#top_menu_bt a.download,
#top_menu_bt a.spec,
#top_menu_bt a.special
{
	display: block;
	height: 58px;
	text-indent: -9999px;
	text-decoration: none;
}
#top_menu_bt a.story { width: 138px; background-image: url("images/com_top_menu_bt_story.png"); }
#top_menu_bt a.point { width: 138px; background-image: url("images/com_top_menu_bt_point.png"); }
/*#top_menu_bt a.story:hover { background-position:bottom; }*/
#top_menu_bt a.character { width: 193px; background-image: url("images/com_top_menu_bt_character.png"); }
/*#top_menu_bt a.character:hover { background-position:bottom; }*/
#top_menu_bt a.gallery { width: 157px; background-image: url("images/com_top_menu_bt_gallery.png"); }
/*#top_menu_bt a.gallery:hover { background-position:bottom; }*/
#top_menu_bt a.download { width: 192px; background-image: url("images/com_top_menu_bt_download.png"); }
/*#top_menu_bt a.download:hover { background-position:bottom; }*/
#top_menu_bt a.spec { width: 126px; background-image: url("images/com_top_menu_bt_spec.png"); }
/*#top_menu_bt a.spec:hover { background-position:bottom; }*/
#top_menu_bt a.special { width: 154px; background-image: url("images/com_top_menu_bt_special.png"); }
/*#top_menu_bt a.special:hover { background-position:bottom; }*/


/* スーパーピックアップ */
#top_superpickup
{
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 30px;
}
#top_superpickup dt
{
	clear: left;
	float: left;
	width: 180px;
	background: #e36c95;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	border-bottom: 2px solid #bb597b;
	padding: 2px 2px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    -khtml-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    font-weight: bold;
}
#top_superpickup dd
{
	margin-left: 180px;
	margin-bottom: 5px;
	background: #fff;
	border-bottom: 2px solid #d2d2d2;
	padding: 2px 2px 0px 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

/* 三連バナー */
#top_3ban
{
	height: 75px;
	overflow: hidden;
	margin-bottom: 20px;
}
#top_3ban img { position: relative; }
#top_3ban dd { width: 300px; float: left; }
#top_3ban dd.sp { width: 30px; }
#top_3ban dd a {
	color: #ffffff;
	text-decoration: none;
}
#top_3ban dd a p {
	position: relative; 
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 0px;
	background-color: rgba(20,185,214,0.90);
	padding: 10px 0px 10px 0px;
	margin-top: 0px;
}

/* ビックバン */
#top_bigban
{
	margin-top: 18px;
}
#top_bigban img { position: relative; }
#top_bigban dd { width: 960px; height: 96px; }
#top_bigban dd.sp { height: 9px; }



/*
##################################################
 インフォメーション
##################################################
*/

#info_box table td
{
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
}
#info_box img
{
	margin-right: 30px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#info_box .data
{
	font-size: 12px;
	color: #e36c95;
	background: url("images/com_info_dataicon.png") no-repeat 0px 2px;
	line-height: 12px;
	padding-left: 15px;
	padding-bottom: 6px;
}
#info_box .title
{
	padding-bottom: 18px;
	width: 500px;
}
#info_box .title a
{
	font-size: 18px;
	text-decoration: none;
	color: #6a6a6a;
}
#info_box hr
{
    border:none;
    border-top:dashed 1px #b6b6b6;
    height:1px;
    margin: 26px 0px 30px 0px;
}
#info_box a.boxlink
{
	border: solid 1px #14b9d6;
	color: #14b9d6;
	padding: 4px 23px 3px 23px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: #ffffff;
}
#info_box a:hover.boxlink
{
	border: solid 1px #e36c95;
	background: #e36c95;
	color: #ffffff;
}
#info_box .box
{
	border: dashed 1px #b6b6b6;
	padding: 5px;
	font-weight: bold;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
/*
##################################################
 ポイント
##################################################
*/
.shadow_box
{
	border: 2px solid #fff;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
}
/*
##################################################
 キャラクター紹介
##################################################
*/

/* 固定背景用 */
#char_bg
{
	z-index: 1;
	display: block;
	height: 0px;
	width: 100%;
}
#char_bg_sana { background: url("images/char_bg_sana.png") no-repeat center top fixed; }
#char_bg_tanya { background: url("images/char_bg_tanya.png") no-repeat center top fixed; }
#char_bg_kohane { background: url("images/char_bg_kohane.png") no-repeat center top fixed; }
#char_bg_mutsuki { background: url("images/char_bg_mutsuki.png") no-repeat center top fixed; }
#char_bg_hina { background: url("images/char_bg_hina.png") no-repeat center top fixed; }
#char_bg_karin { background: url("images/char_bg_karin.png") no-repeat center top fixed; }
#char_bg_sizuku { background: url("images/char_bg_sizuku.png") no-repeat center top fixed; }
#char_bg_kazuma { background: url("images/char_bg_kazuma.png") no-repeat center top fixed; }

/* キャラセレ */
.char_select img
{
	position: relative;
}
/*
.char_select a:hover
{
	top: 5px;
}
*/
.char_select li
{
	margin-top: 10px;
	width: 100px;
	float: left;
}

/* キャラボックス */
#char_sana
{
	padding-top: 64px;
	padding-bottom: 50px;
}
#char_hina
{
	padding-top: 64px;
	padding-bottom: 50px;
}
#char_tanya
{
	padding-left: 460px;
	padding-top: 250px;
	padding-bottom: 50px;
}
#char_karin
{
	padding-left: 460px;
	padding-top: 250px;
	padding-bottom: 50px;
}
#char_kohane
{
	padding-top: 250px;
	padding-bottom: 50px;
}
#char_sizuku
{
	padding-top: 250px;
	padding-bottom: 50px;
}
#char_mutsuki
{
	padding-left: 460px;
	padding-top: 250px;
	padding-bottom: 50px;
}
#char_kazuma
{
	padding-left: 460px;
	padding-top: 250px;
	padding-bottom: 50px;
}
#char_tanya .char_select,
#char_kohane .char_select,
#char_mutsuki .char_select
{
	 margin-bottom: 100px;
}

/* キャラサンプルボイスボックス */
#subchar_voice_box
{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 10px;
	width: 180px;
	color: #fff;
	margin-bottom: 300px;
}

#char_voice_box
{
	text-align: center;
	margin-left: 190px;
	padding-top: 55px;
	width: 300px;
	color: #fff;
}
#char_sana_voice
{
	background: url("images/char_samplevoice_bg_sana.png") no-repeat;
	width: 500px;
	height: 200px;
}
#char_tanya_voice
{
	background: url("images/char_samplevoice_bg_tanya.png") no-repeat;
	width: 500px;
	height: 200px;
}
#char_tanya_voice #char_voice_box
{
	padding-top: 55px;
	margin-left: 195px;
}

#char_kohane_voice
{
	background: url("images/char_samplevoice_bg_kohane.png") no-repeat;
	width: 500px;
	height: 200px;
}
#char_kohane_voice #char_voice_box
{
	padding-top: 73px;
	margin-left: 170px;
}

#char_mutsuki_voice
{
	background: url("images/char_samplevoice_bg_mutsuki.png") no-repeat;
	width: 500px;
	height: 200px;
}
#char_mutsuki_voice #char_voice_box
{
	padding-top: 57px;
	margin-left: 145px;
}
/*
##################################################
 ギャラリー
##################################################
*/

/* サムネイルリスト */
#gallery,
#gallery_bg
{
	padding-top: 40px;
	padding-bottom: 20px;
}

#gallery li,
#gallery_bg li
{
	position: relative;
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 38px;
	margin-right: 26px;
	float: left;
	background: url("images/com_gallery_thumbg.png") no-repeat;
}
#gallery li a,
#gallery_bg li a
{
	display: block;
}
#gallery .gallery_new:before
{
	content: url("images/com_gallery_new.png");
	position: absolute;
	left: 190px;
	top: -35px;
	z-index: 1;
	pointer-events: none;
}


/*
##################################################
 ダウンロード
##################################################
*/

#download
{
	
}
#download img
{
	margin-bottom: 3px;
}

#download .rad
{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#download a.dl
{
	background: url("images/com_dl_bt_dl.png") no-repeat top left;
	padding-left: 65px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 24px;
	line-height: 30px;
	position: relative;
}
#download a:hover.dl
{
	background-position: bottom left;
}

.download_box
{
	padding: 40px 20px 40px 20px;
	border-bottom: 1px solid #dbcaf1;
	text-align:center;
}
.download_box table
{
	width: 100%;
}

/*
##################################################
 スペック
##################################################
*/
#spec_staff,
#spec_product,
#spec_spec
{
	padding-top: 100px;
	background: url("images/com_spec_ban_staff.png") no-repeat;
	margin-top: 10px;
	margin-bottom: 40px;
	border-bottom: 1px solid #d1ddeb;
}
#spec_product
{
	padding-top: 80px;
	background: url("images/com_spac_ban_product.png") no-repeat;
	border-bottom: 1px solid #f5cbd9;
}
#spec_spec
{
	background: url("images/com_spec_ban_spec.png") no-repeat;
	border-bottom: 1px solid #f5dda4;
}

#spec_staff table,
#spec_product table,
#spec_spec table
{
	width: 960px;
	text-align: left;
}
#spec_staff table th ,
#spec_staff table td
{
	padding-left: 18px;
	padding-bottom: 50px;
}
#spec_product table th ,
#spec_product table td ,
#spec_spec table th ,
#spec_spec table td
{
	padding-left: 18px;
	padding-bottom: 30px;
}


#spec_staff table th,
#spec_product table th,
#spec_spec table th
{
	color: #60a3ce;
	font-size: 18px;
	vertical-align: middle;
	font-weight: bold;
	width: 250px;
}
#spec_product table th { font-size: 14px; color: #e67ca0; width: 180px; }
#spec_spec table th { font-size: 14px; color: #e7ab1b; width: 180px; }

#spec_staff table td { font-size: 26px; }
#spec_product table td { font-size: 20px; }
#spec_spec table td { font-size: 20px; }

/*
##################################################
 スペシャル
##################################################
*/
.special_box,
.special_box_twitter
{
	padding: 40px 20px 40px 20px;
	border-bottom: 1px solid #daa081;
}
.nobottomboder
{
	border: 0;
}
.special_box table,
.special_box_twitter table
{
	margin: 0 auto;
}
.special_box table td,
.special_box_twitter table td
{
	text-align: center;
}
.special_box table td img,
.special_box_twitter table td img
{
	vertical-align: middle;
	margin: 4px 3px;
	border: 1px solid #daa081;
}
.banner_menu
{
	text-align: center;
	line-height: 30px;
}

/* グッズページ共通 */
.goods_box table
{
	margin: 30px 20px;
	width: 920px;
}
.goods_box td
{
	vertical-align: top;
	font-size: 16px;
	line-height: 22px;
}
.goods_box hr
{
    border:none;
    border-top:dashed 1px #b6b6b6;
    height:1px;
    margin: 30px 0px 0px 0px;
}
/* character1 */
.ch1_box table
{
	margin: 30px 20px;
	float: left;
}
.ch1_box table td
{
	text-align: left;
	padding-right: 100px;
	line-height: 30px;
	font-size: 16px;
}
.ch1_box .head
{
	padding-right: 20px;
	color: #3eb134;
	font-weight: bold;
}
.green
{
	color: #3eb134;
}

/* c86 */
.c86_box table
{
	margin: 30px 20px;
	float: left;
}
.c86_box table td
{
	text-align: left;
	padding-right: 100px;
	line-height: 30px;
	font-size: 16px;
}
.c86_box .head
{
	padding-right: 20px;
	color: #ff0083;
	font-weight: bold;
}
.c86
{
	color: #ff0083;
}

/* 早期予約キャンペーン */
.souki_table table
{
	text-align: left;
	background: #644045;
	border-collapse: collapse;
	border: 1px #644045 solid;
	width: 800px;
}
.souki_table table td,
.souki_table table th
{
	padding: 5px;
	border: 1px solid #644045;
	background: #ffffff;
	color: #644045;
}
.souki_table table th
{
	border-bottom: 1px solid #ffffff;
	background: #644045;
	color: #fff;
	width: 200px;
	text-align: center;
}

.tokuten_bt
{
	overflow: hidden;
	text-align: center;
}
.tokuten_bt img
{
	position: relative;
	top: -7px;
}

#petitenq input
{
	background: #e36c95;
	border: 1px solid #e36c95;
	color: #fff;
	padding: 3px 15px;
}

/* イベント */
.event_table table
{
	text-align: left;
	background: #644045;
	border-collapse: collapse;
	border: 1px #644045 solid;
	width: 100%;
}
.event_table table td,
.event_table table th
{
	padding: 5px;
	border: 1px solid #644045;
	background: #ffffff;
	color: #644045;
	text-align: left;
}
.event_table table th
{
	background: #644045;
	color: #fff;
	font-size: 12px;
}


/* サムネイル枠サイズ */
.thmub
{
		width: 227px;
		height: 227px;
		overflow: hidden;
		position: relative;
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
}

/* 画像の位置 */
.thmub img
{
		position: absolute;
		z-index: 100;
		top: -225px;
		left: -433px;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
}

.thmub2
{
		width: 464px;
		height: 464px;
		overflow: hidden;
		position: relative;
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
}

/* 画像の位置 */
.thmub2 img
{
		position: absolute;
		z-index: 100;
		top: -100px;
		left: -320px;
}



/* メールフォーム ####################################################*/
.mailFormTable
{
	width: 100%;
}
.mailFormTable .left
{
	font-weight: bold;
	text-align: right;
	width: 150px;
	vertical-align: top;
}

.mailFormTable tr td
{
	text-align: left;
	padding: 5px;
	width: 580px;
}

form
{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}
select.text
{
	border: 1px solid #9f9e9e;
	font-size: 12px;
	color: #272727;
	padding: 3px;
}
input.text
{
	border: 1px solid #9f9e9e;
	font-size: 12px;
	color: #272727;
	padding: 3px;
}
textarea.text
{
	border: 1px solid #9f9e9e;
	font-size: 12px;
	resize: none;
	width: 572px;
	color: #272727;
	padding: 3px;
}
input.check
{
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 2px 0px;
}
td div.checkbox
{
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}
div .submit
{
	text-align: right;
	padding: 3px 3px 7px 3px;
}
div .submit .button
{
	width: 100px;
	height: 30px;
	font-weight: bold;
	background-color: #9f9e9e;
	color: #ffffff;
	border: none;
}
div .submit .button:hover
{
	background-color: #14b9d6;
}


/* 特殊イベント ####################################################*/


.cs6_box
{
	margin: 15px auto;
	width: 900px;
}
.cs6_blue
{
	color: #60a3cf;
}
.cs6_red
{
	color: #eb6657;
}

.cs6_box_cap
{
	vertical-align: middle;
	width: 218px;
	background: #000000;
	padding-right; 10px;
}
.cs6_box_sp
{
	width: 20px;
}
.cs6_box_text
{
	font-size: 14px;
	border: solid 5px #000000;
	padding: 30px;
	vertical-align: baseline;
	background: #fff;
}
.cs6_box_text table
{
	float: left;
}
.cs6_box_text table td
{
	text-align: left;
	padding-right: 30px;
	line-height: 30px;
	font-size: 14px;
}

.cs6_box_text .head
{
	font-size: 12px;
	padding-right: 10px;
	color: #60a3cf;
	font-weight: bold;
}
.cs6_box_text .head2
{
	font-size: 12px;
	padding-right: 10px;
	color: #452101;
	font-weight: bold;
}

/*カタログメニュー*/
.cs6_box figure {
	float: left;
	border: solid 5px #eb6657;
	position: relative;
	overflow: hidden;
	background: #eb6657;
	margin: 0px;
	margin-left: 17px;
}
figure.ch1 {
	border: solid 5px #46b034;
	background: #46b034;
}
.cs6_box figure:first-child
{
	margin-left: 0;
}
.cs6_box figcaption h3 {
	padding: 20px 0 5px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding-top: 15px;
}
.cs6_box figure img {
	position: relative;
	z-index: 1;
	-webkit-transition: .3s;
	transition: .3s;
}
.cs6_box figcaption {
	position: absolute;
	bottom: -70px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 70px;
	background: #eb6657;
	-webkit-transition: .3s;
	transition: .3s;
}
figcaption.ch1 {
	background: #46b034;
}

.cs6_box figure:hover img {
	-webkit-transform: translateY(-37px);
	transform: translateY(-37px);
}
.cs6_box figure:hover figcaption {
	bottom: 0;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

/*カタログ*/
.cs6_box_calalog
{
	margin: 15px auto;
	width: 896px;
}
.cs6_box_calalog_thum
{
	float: left;
	position: relative;
	overflow: hidden;
}
.cs6_box_calalog_thum div
{
	background: url("./images_goods/zoom.png");
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-transition: .2s;
	transition: .2s;
	opacity: 0;
}
.cs6_box_calalog_thum div:hover
{
	opacity: 1;
}
.cs6_box_calalog_thum img
{
	background: #fff;
	border: solid 5px #eb6657;
	vertical-align: top;
}
.cs6_box_calalog_text
{
	width: 381px;
	float: left;
	background: #eb6657;
	color: #fff;
	vertical-align: top;
	padding: 30px 30px 30px 25px;
	font-weight: bold;
	line-height: 20px;
}
.cs6_box_calalog_text .head,
.cs6_box_calalog_text .head2
{
	background: #fff;
	color: #eb6657;
	font-size: 10px;
	text-align: right;
	padding: 2px 3px 0px 5px;
	vertical-align: middle;
}
.cs6_box_calalog_text .head2
{
	color: #46b034;
}
.cs6_box_calalog_text img
{
	margin-bottom: 5px;
}
.cs6_box_calalog_newicon
{
	position: absolute;
}
.cs6_box_calalog_newicon img
{
	position: relative;
	left: -44px;
	
}