/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin : 0;
	padding : 0;
	border : none;
/*	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; */
	font-size : 12px;
	font-style : normal;
	line-height : 1em; 
	text-align : left;
}
textarea { font-size : 90%; }
img { vertical-align : bottom; 
		border : none;}
ul {list-style-type : none; }
hr  { display : none; }
/*リンク文字は保留
*/
a { text-decoration: none;color: #FFF; }
/* 青色修正 */
a:hover { color: #00f;text-decoration: underline; }


/*----------------------------------------------------------------
	18禁
----------------------------------------------------------------*/
#under18in {
	margin: 0px auto;
	width: 800px;
}
#under18in a:link {
	text-decoration: none;
	color : #884000;
}
#under18in a:visited {
	text-decoration: none;
	color : #884000;
}
#under18in a:hover {
	text-decoration: none;
	color : #cc9000;
}
#under18in a:active {
	text-decoration: none;
	color : #884000;
}
#under18in {
	width: 650px;
	margin-left : 80px;
	margin-top :  30px;
	background-color: rgba(248,226,222, 1);
	border: 1px solid #ffffff;
	text-shadow: 0px 1px 0px rgba(150, 150, 150,0.75);
	box-shadow: 0px 2px 0px rgba(198,176,172, 0.75);
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */
	border-radius: 8px;        /* CSS3草案 */
	behavior: url(css/border-radius.htc);		/*　ie　*/
}
#under18in p {
	margin: 18px;
	color : #884000;
}
#under18in ul {
	margin: 0px auto;
	padding-bottom: 18px;
	width: 620px;
	color : #884000;
}
#under18in li {
	margin-right: 48px;
	color : #884000;
}


/* =========================================================
■body
========================================================= */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
 body { display: none; }
}
*/

body {
	margin : 0; auto;
	padding : 0;
	background : #f8e2de;

/*
	background-image: url("../img/EVL01_01.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom
*/
	text-align : center;
	color : #884000;
/*
*/
/* WindowsとMacOSとiPhoneとAndroidに対応させゆ　*/
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size : 14px;
/* iPhone対策*/
	-webkit-text-size-adjust: 100%;

/*行の高さ*/
	line-height : 1em; 
/*
	line-height : 1.5em; 
*/
}

/*
*/
@-moz-document url-prefix() {
	body {
		line-height : 1em; 
	}
}

.nts{	/*注意書き*/
	width : 50%;
	margin-left : auto;
	margin-right : auto;
	font-size : xx-small;
	color : #ff0000;
}


/* =========================================================
■basebg setting
========================================================= */
#setting_basebg {
	background : #ffffff;
	background-image: url("../img/piagp_r_body.png");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: right top;
}

#setting_basebg2 {
	background : #f8e2de;
}
#setting_basebg3 {
	background-image: url("../img/bg_body1.png");
	background-repeat: repeat;
}


/* =========================================================
■container メイン内容基本仕様
========================================================= */
#container {
	width : 800px;
	margin : 0 auto;
	padding-bottom : 20px;
/* 青色修正 */
	border : solid #f8e2de;
/*	border-width:1;*/
	border-top-width : 0;
	border-bottom-width : 0;
	border-left-width : 1;
	border-right-width : 1;
	background-color : #ffffff;
}


/* =========================================================
■header ヘッダー設定
========================================================= */
#header-wrap {
	top : 0;
	width : 100%;
}

#header-container {/*ヘッダー画像の下地*/
	height : 80px;
	background : url(../img/header.png) repeat-x; 
	border-bottom-style : solid;
	border-bottom-color : #f8e2de;
	border-bottom-width : 1;
}

#header {/*ヘッダー下地の上に乗っけるロゴ系ＣＧ*/
	width : 920px;
	background : url(../img/header_full.png) no-repeat;
	margin : 0 auto;
}

#header p img {/*ヘッダー下地の上に乗っけるロゴ系ＣＧ用*/
	padding-top :30px;
	padding-left :10px;
}

#header p twitter-share-button {
	padding-top :10px;
	padding-left :0px;
}


/*何で同じＩＤに定義？でもこれないと header_full.jpg が表示されない不思議*/
#header { height : 80px ; }
#header h1 { top : 160px !important ;}

#hide_img {
	display:none;
}

/* =======================================================
top_menu
=========================================================*/
/* position */
#top_menu {

	list-style-type : none;
	width : 100%;
	height : 33px;
	position : relative;
	top : 0px;
	left : 0px;
	padding : 0px;
	margin : 0px;
	background-color : #ffffff;
	text-align : center;
/*	border-top : #ffffff 1px solid;*/
	border-bottom : #f8e2de 1px solid;
}

/* setting */
#top_menu ul {
	list-style-type : none;
	width : 800px;
	height : 33px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	background-color : #ffffff;
}
#top_menu li {
	float : left;
	margin : 0px 0px;
	padding : 0px 0px 0px 0px;
}
/* width */
#top_menu a {
	display : block;
	width : 133px;
	height : 33px;
}
/*ボタンサイズを個別で設定する場合
#top_menu li.button01 { width : 74px ; }
*/

/* background image position */
#top_menu li.button01  { background:url(../img/button01_a.png)no-repeat; }
#top_menu li.button02  { background:url(../img/button02_a.png)no-repeat; }
#top_menu li.button03  { background:url(../img/button03_a.png)no-repeat; }
#top_menu li.button04  { background:url(../img/button04_a.png)no-repeat; }
#top_menu li.button05  { background:url(../img/button05_a.png)no-repeat; }
#top_menu li.button06  { background:url(../img/button06_a.png)no-repeat; }

#top_menu li.button01 a { background:url(../img/button01_a.png)no-repeat; }
#top_menu li.button02 a { background:url(../img/button02_a.png)no-repeat; }
#top_menu li.button03 a { background:url(../img/button03_a.png)no-repeat; }
#top_menu li.button04 a { background:url(../img/button04_a.png)no-repeat; }
#top_menu li.button05 a { background:url(../img/button05_a.png)no-repeat; }
#top_menu li.button06 a { background:url(../img/button06_a.png)no-repeat; }
/* hover */
#top_menu li.button01 a:hover { background:url(../img/button01_b.png)no-repeat; }
#top_menu li.button02 a:hover { background:url(../img/button02_b.png)no-repeat; }
#top_menu li.button03 a:hover { background:url(../img/button03_b.png)no-repeat; }
#top_menu li.button04 a:hover { background:url(../img/button04_b.png)no-repeat; }
#top_menu li.button05 a:hover { background:url(../img/button05_b.png)no-repeat; }
#top_menu li.button06 a:hover { background:url(../img/button06_b.png)no-repeat; }


/* =========================================================
■main
========================================================= */

#tobira0 { margin: 10px 0 10px auto; }
#tobira2 { margin: 10px 0 10px auto; }
#tobira1 {
	position:relative;
	padding : 10px 0px 10px auto;
	height:557px;
	background-color : #fffffff;
}

#tobira1 li.sale00  { position:absolute;width:760;height:557;top:0px;left:72px;background:url(../img/sale_00.png); }
/*
#tobira1 li.sale01  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_01.png); }
#tobira1 li.sale02a  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_02a.png);}
#tobira1 li.sale02b  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_02b.png);}
#tobira1 li.sale02c  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_02c.png);}
#tobira1 li.sale03  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_03.png); }
#tobira1 li.sale04a  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_04a.png);}
#tobira1 li.sale04b  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_04b.png);}
#tobira1 li.sale04c  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_04c.png);}
#tobira1 li.sale04  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_04.png); }
#tobira1 li.sale05  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_05.png); }
#tobira1 li.sale06  { position:absolute;width:800;height:557;top:0px;left:60px;background:url(../img/sale_06.png); }
*/

#tobira2 { 	padding : 10px 0px 10px auto; }

#midashi1 {
	margin: 20px 10px 10px;
/*	padding : 10px 0px 10px auto; */
}
#midashi2 {/* for twitter */
	margin: 20px 20px 10px auto; 
}

/* バナーonMouseで画像移動　old fashion */
a.link0:hover{
	position : relative;
	top : 1px;
	left : 1px;
}

.kadomaru {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* =========================================================
■footer
========================================================= */
#footer {
	width:100%;
	clear:both;
	margin: 0px 0 0;
	padding: 10px 0 10px 0;
	background: #f8e2de;
	border-top-style : solid;
	border-top-color : #f8e2de;
	border-top-width : 1;
}

#footer p { font-size:10px; }

.style {
	color: #884000;
	font-size: 75%; 
	line-height:1.5em; 
 }

#footer a:link {
	text-decoration: none;
	color : #884000;
}
#footer a:visited {
	text-decoration: none;
	color : #884000;
}
#footer a:hover {
	text-decoration: none;
	color : #f8e2de;
}
#footer a:active {
	text-decoration: none;
	color : #884000;
}



/* =========================================================
■character
========================================================= */
#chrbase {
	position : relative;
/*	display:block;*/
}

/* 立ち絵を重ねてみる */
#chrbase img.bu {
	position : absolute;
	top : -25px;
	left : -40px;
	width : 446px;
}

/* character text */
.chrtxtset {
	position : absolute;
	top : 80px;
	left : 370px;
	width : 470px;
	/**/
}

/* テキストを見えなくする？ */
.clearText {
	width : 0px;
	height : 0px;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

/* voice buttun */
#namebox {
	position : absolute;
	top : 0px;
	left :0px;
}


/* voice buttun */
#vobox {
	position : absolute;
	opacity:0.9;
	filter: alpha(opacity=90);
	z-index:99;
}
#vobox a {
/* 青色修正 */
	background : #0000ff;
	text-decoration : none;
	color : #fff;
	width : 80px;
	padding : 20px 0;
	text-align : center;
	display : block;
	border-radius : 5px;
	transition: background-color 0.3s ease;
}
#vobox a:hover {
	text-decoration : none;
	background : #c08282;
}

.chbox {
	width : 800px;
	margin : 10px auto;
/*	text-align: center;	*/
}
.chbox img {
	padding : 0px;
}
.chbox li {
	position : relative;
	float : left;
 }



/* =========================================================
■event cg
========================================================= */
.evbox {
	width : 800px;
	margin : 10px auto;
/*	text-align: center;	*/
}
.evbox img {
	padding : 5px;
}
.evbox li {
	position : relative;
	float : left;
 }
/* 上手く動かなかった。なぞっす */
/*
.evbox li a :hover {
	padding : 18px 16px 14px;
}
*/
.add_new {
/*
position: absolute;
top: 50px;
left: 470px;
width: 64px;
*/
	position : absolute;
	top : 12px;
	right : 62px;
	z-index : 999;
}

/* NEW マークCGが上手く重ねられなくて試行錯誤 */
.add_newout {
/*
	position: relative;
*/
}
.add_newin {
	position: absolute;
	top: 80px;
	left: 190px;
	width: 64px;
}


/* =========================================================
■outline
========================================================= */
#spec {
	font-size: 12px;
	width : 528px;
/*	height : 220px;*/
	height : 180px;
	margin : 0px auto 0px;
	padding : 0px 0px 10px auto;
	background:url(../img/bg_spec.png)  no-repeat;; 
	background-color : #ffffff;
}

#spec table.t01 {/* margin で位置調整 */
	float : left;
	margin-top:30px;
	margin-left:5px;
/*	width : 380px;*/
	width : 528px;
	border : none;
/*	border : solid 1px #c80000;;*/
}

#spec2 {
	font-size: 12px;
	width : 528px;
/*	height : 220px;*/
	height : 220px;
	margin : 0px auto 0px;
	padding : 0px 0px 10px auto;
	background:url(../img/bg_spec2.png)  no-repeat;; 
	background-color : #ffffff;
}


#spec2 table.t02 {/* margin で位置調整 */
	float : left;
	margin-top:30px;
	margin-left:5px;
	width : 528px;
	border : none;
}
/* =========================================================
■introduction
========================================================= */
#storybase {
	width : 528px;
	height : 396px;
	margin : 0px auto;
	background : #ffffff;
	border-radius : 10px;
}

.ntro_lbox {
	width: 350px;
	float:left;
	border : solid 1px #c80000;
}

.ntro_rbox {
	width: 500px;
	float:right;
}


#introbase {
	position : relative;
	width : 640px;
	height : 400px;
	margin : 0px auto;
	background : #ffffff;
	border-radius : 10px;
}

#introbase2{
	z-index : 10;
	position : absolute;
	width : 640px;
	height : 100px;
	margin : 0px 78px auto;
	margin-top : 4px;

	border-radius : 10px;

}

.ntro_lbox {
	width: 350px;
	float:left;
	border : solid 1px #c80000;
}

.ntro_rbox {
	width: 500px;
	float:right;
}


/* =========================================================
■カクスポ
========================================================= */

#kakuspobase {
	width : 810px;
	height : 1420px;
	margin : 30px auto;
	background : #eee;
}


.kakuspo_lbox {
	width: 260px;
	padding-top  : 5px;
	float:left;
	padding-bottom  : 10px;
//	border : solid 1px #c80000;
}

.kakuspo_rbox {
	position : relative;
	width: 540px;
	padding-top  : 5px;
	padding-right : 5px;
	float:right;
}

#kakuspobox {
	position : absolute;
	opacity:0.9;
	filter: alpha(opacity=90);
	z-index:99;
}


/* =========================================================
■ゲームの紹介
========================================================= */

#description_top {
}

#description {
	width : 760px;
	height : auto;
	margin : 30px auto;
	background : ffeab1;
}

#description table {
	padding:10px; 
}


/*フェイスの指定*/
#description td.swaty_n {
	width : 64px;
	height: 64px;
	padding:2; 
	background : url(../img/fc_swaty_nom.png) no-repeat;
	margin : 0 auto;
}
#description td.swaty_s {
	width : 64px;
	height: 64px;
	padding:2; 
	background : url(../img/fc_swaty_sad.png) no-repeat;
	margin : 0 auto;
}
#description td.swaty_b {
	width : 64px;
	height: 64px;
	padding:2; 
	background : url(../img/fc_swaty_bas.png) no-repeat;
	margin : 0 auto;
}

#description td.sawady_n {
	width : 64px;
	height: 64px;
	padding:2; 
	background : url(../img/fc_sawady_nom.png) no-repeat;
	margin : 0 auto;
}
#description td.sawady_s {
	width : 64px;
	height: 64px;
	padding:2; 
	background : url(../img/fc_sawady_sad.png) no-repeat;
	margin : 0 auto;
}
#description td.sawady_a {
	width : 64px;
	height: 64px;
	padding:2; 
	background : url(../img/fc_sawady_ang.png) no-repeat;
	margin : 0 auto;
}

#description td.images {
	width : 320px;
	height: 64px;
}

#description td.mes_swa {
	width : 676px;
/*	padding-top : 15px; */
	padding-left : 20px;
	border : none;
	font-style : normal;
	font-weight : bold;
	font-size : 100%;
	text-align : left;
	vertical-align : middle;
	color: #00AA00;
	background : url(../img/fukidashi_left.png) no-repeat;
}
#description td.mes_saw {
	width : 676px;
/*	padding-top : 15px; */
/*	padding-left : 85px; */
	padding-right : 20px; 
	border : none;
	font-style : normal;
	font-weight : bold;
	font-size : 100%;
	text-align : right;
	vertical-align : middle;
	color: #0055AA;
	background : url(../img/fukidashi_right.png) no-repeat;
}

#description a:link {
	text-decoration: none;
	color : #884000;
}
#description a:visited {
	text-decoration: none;
	color : #884000;
}
#description a:hover {
	text-decoration: none;
	color : #ffb237;
}
#description a:active {
	text-decoration: none;
	color : #884000;
}

.shadow {
     box-shadow:5px 5px 10px;
     border:1px solid #000;
}


/* =========================================================
■DL版販売サイト
========================================================= */
#dlsite{
	margin : 10px auto;
}


#dlsite_waku {
	font-size: 12px;
	width : 528px;
	height : 396px;
	margin : 0px auto 0px;
	padding : 0px 0px 10px auto;
	background-color : #ffffff;
}

/* =========================================================
■応援バナー
========================================================= */
#cheerbase {
	/* ラベルっぽい？ */
	text-align : left;
}

a.bnlink0{
/*
	color: #00a2ee;
	background: #ffffff;
*/
/*
width:200px;
display:block;
*/
	text-decoration: none;
	border : none;
	margin : 0;
	padding : 0;

	transition: opacity 0.3s ease;
}
a.bnlink0:hover{
/*
	color: #e0578b;
*/
	text-decoration: none;
	border : none;
	margin : 0;
	padding : 0;
	filter:alpha(opacity=80);
	opacity:0.8;
}
#cheerbase img {
	border : none;
}


/*
#cheerbase a {
	color: #00a2ee;
}
#cheerbase a:hover {
	color: #e0578b;
}
*/

.common_box
{
	padding: 25px 30px 30px 30px;
}
.common_box img
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.noradius img
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	vertical-align: baseline;
}

.minibox_aka
{
	padding: 10px 10px 8px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px dashed #611;
/*		text-align: center;*/
	text-align: left;

/*	display: inline-block;*/
}
.minibox_aka { border: 1px dashed #611; }

.minibox_aka_cap
{
	color: #fff;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	margin-left:10px;
	text-align: center;
	padding: 3px 10px 2px 10px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	background: #611;
}
.minibox_aka_cap { background: #611; }

/* 頭の悪いセンタリング */
.minibox_aka_center200
{
/*	padding: 0px 0px 0px 210px;*/
	padding: 0px 0px 0px 110px;
}
.minibox_aka_center600
{
	padding: 0px 0px 0px 130px;
}
.minibox_aka_center256
{
/*	padding: 0px 0px 0px 22px;*/
	padding: 0px 0px 0px 162px;
}
.minibox_aka_center120
{
	padding: 0px 0px 0px 24px;
}

/* =========================================================
■new
========================================================= */
#new {
	padding: 10px;
	width: 460px;
	float:left;
}

#new_box {
	border: solid 1px #de0058;
	width: 450px;
	height: 320px;
	padding: 0px;
	margin-left: 15px; 
	margin-right: 0px; 
	display:block;
	overflow: auto;
	background-color:#f8e2de;
}



#new_box dt{
	clear:left;
	float:left;
/*	margin:0;*/
	padding:10px 0 7px 7px;
	width:4em;
	font-size: 12px;
	font-family: Monaco;
	color: #884000;
}
#new_box dd{
/*	margin:0;*/
	padding:8px 0 7px 7em;
	font-size:11px;
	line-height: 125%;
	border-bottom:#de0058 dotted 2px ;
	color: #884000;
/*	text-indent: 1ex;*/
}
/*
*/
/* １行目行頭にスペース追加 */

#new_box a{
	padding: 0;
	color:#aa4889;
	text-decoration:none;
}

#new_box a:hover{
	text-decoration:underline;
}


/* =========================================================
■sidebar
========================================================= */
#sidebar {
	float:right;
	font-size:12px;
	width:300px;
	margin: 0;
	padding: 10px 5px 5px 5px;
	display: inline;
}

#sidebar .category {
	margin: 0 30px auto auto;
	border:#de0058 solid 1px;
}

/*
#sidebar h3 {
	border-left:#3a210c solid 5px;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#aaaaaa;
	margin: 0 12px 5px auto;
	padding: 8px auto 8px 10px;
}

#sidebar p {
	margin: 5px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
	font-size:10px;
}

#sidebar blockquote {
	margin: 15px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:#999999 dotted 1px;
}

#sidebar .soto {
	margin: 0px 0px 0px 0px;
}

#sidebar ul {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#sidebar li {
	line-height: 170%;
	margin: 0px 0px 0px 0px;
}

#midashi1 { margin: 0px 15px 10px 0; }
*/


/* =========================================================
■pagetop
========================================================= */
#page-top { position: fixed; bottom: 10px; right: 0px; font-size: 77%; opacity:0.6; filter: alpha(opacity=60); z-index:100; }
/*
#page-top a { background: #bf615c; text-decoration: none; color: #fff; width: 80px; padding: 20px 0; text-align: center; display: block; border-radius: 5px; }
*/
#page-top a {
/* 青色修正 */
	background: #aa0000;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	transition: background-color 0.3s ease;
}
#page-top a:hover { text-decoration: none; background: #c08282; }


/* =========================================================
■clear float
========================================================= */
.clearfix:after {	/* floatの解除 */
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}


/* =========================================================
■表示・配置
========================================================= */
.mrg_4 {
	margin: 4px;
}
.mrg_8 {
	margin: 8px;
}
.mrg_10 {
	margin: 10px;
}
.mrg_12 {
	margin: 12px;
}
.mrg_16 {
	margin: 16px;
}
.mrg_16e {
	margin-top: 16px;
}
.mrg_16l {
	margin-left: 16px;
}
.mrg_20 {
	margin: 20px;
}
.mrg_20l {
	margin-left: 20px;
}
.mrg_30 {
	margin: 30px;
}
.mrg_60l {
	margin-top: 5px;
}


/* =========================================================
■位置　余白
========================================================= */
.left00 {
	float: left;
}	

.right00 {
	float: right;
}
/* =========================================================
■font
========================================================= */
.fnt_12 {
	font-size: 12px;
	color: #884000;
	text-shadow: 0px 1px 0px #cccccc;
}
.fnt_14 {
	font-size: 14px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0,0.75);
}
.fnt_24 {
	font-size : 24px;
	color : #ffffff;
	text-shadow : 0px 1px 0px #000000;
	line-height : 1.2em; 
	text-align : left;
}
.fnt_30 {
	font-size : 30px;
	color : #ffffff;
	text-shadow : 0px 1px 0px #000000;
	line-height : 1.2em; 
	text-align : left;
}

.fnt_120 {
	font-size: 1.2em;
	text-shadow: 0px 1px 0px rgba(0, 0, 0,0.75);
}

.fnt_pink {
	color: #fd7b5d;
	text-shadow: 0px 1px 0px #000000;
}

/* =========================================================
■css test
========================================================= */
.t_box00_r {
	border : 5px solid red;
	margin : 2px 3px 2px 3px;
	padding : 2px 3px 2px 3px;
}
.t_box00_b {
	border : 5px solid blue;
	margin : 2px 3px 2px 3px;
	padding : 2px 3px 2px 3px;
}


.t_box01_r {
	width : 104px; height : 100px;
	border : 5px solid red;
	padding : 2px 3px 2px 3px;
}
.t_box01_b {
	width : 104px; height : 100px;
	border : 5px solid blue;
	padding : 2px 3px 2px 3px;
}


.t_box02_r {
	width : 104px; height : 100px;
	border : 2px solid red;
	margin-left : auto;
	margin-right : auto;
	padding : 2px 3px 2px 3px;
}
.t_box02_b {
	width : 104px; height : 100px;
	border : 2px solid blue;
	margin-left : auto;
	margin-right : auto;
	padding : 2px 3px 2px 3px;
}


.t_box03_r {
	width : 104px; height : 100px;
	border : 2px solid red;
	padding : 2px 3px 2px 3px;
}
.t_box03_b {
	width : 104px; height : 100px;
	border : 2px solid blue;
	padding : 2px 3px 2px 3px;
}


/* =======================================================
charbox
=========================================================*/
/* position */
#charbox {

	list-style-type : none;
	width : 100%;
	height : 112px;
	position : relative;
	top : 0px;
	left : 0px;
	padding : 0px;
	margin : 0px;
	background-color : #ffffff;
	text-align : center;
}

/* setting */
#charbox ul {
	list-style-type : none;
	width : 528px;
	height : 112px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
	background-color : #ffffff;
}
#charbox li {
	float : left;
	margin : 0px 0px;
	padding : 0px 0px 0px 0px;
}


/* background image position */
#charbox li.char01  { background:url(../img/char_hina_m.png)no-repeat; }
#charbox li.char02  { background:url(../img/char_sakura_m.png)no-repeat; }
#charbox li.char03  { background:url(../img/char_aoi_m.png)no-repeat; }
#charbox li.char04  { background:url(../img/char_miu_m.png)no-repeat; }
#charbox li.char05  { background:url(../img/char_misaki_m.png)no-repeat; }
#charbox li.char06  { background:url(../img/char_ret_m.png)no-repeat; }

#charbox li.char01 a { background:url(../img/char_hina_m.png)no-repeat; }
#charbox li.char02 a { background:url(../img/char_sakura_m.png)no-repeat; }
#charbox li.char03 a { background:url(../img/char_aoi_m.png)no-repeat; }
#charbox li.char04 a { background:url(../img/char_miu_m.png)no-repeat; }
#charbox li.char05 a { background:url(../img/char_misaki_m.png)no-repeat; }
#charbox li.char06 a { background:url(../img/char_ret_m.png)no-repeat; }
/* hover */
#charbox li.char01 a:hover { background:url(../img/char_hina_m_h.png)no-repeat; }
#charbox li.char02 a:hover { background:url(../img/char_sakura_m_h.png)no-repeat; }
#charbox li.char03 a:hover { background:url(../img/char_aoi_m_h.png)no-repeat; }
#charbox li.char04 a:hover { background:url(../img/char_miu_m_h.png)no-repeat; }
#charbox li.char05 a:hover { background:url(../img/char_misaki_m_h.png)no-repeat; }
#charbox li.char06 a:hover { background:url(../img/char_ret_m_h.png)no-repeat; }



/* width */
#charbox a {
	display : block;
	width : 88px;
	height : 112px;
}

#img_switch {

	list-style-type : none;
	width : 100%;
	height : 396px;
	position : relative;
	top : 0px;
	left : 0px;
	padding : 0px;
	margin : 0px;
	background-color : #ffffff;
	text-align : center;
}



#supportbase {
	width : 528px;
	height : 300px;
	margin : 0px auto;
	background-color: rgba(248,226,222, 1);
	border: 1px solid #ffffff;
	text-shadow: 0px 1px 0px rgba(150, 150, 150,0.75);
	box-shadow: 0px 2px 0px rgba(198,176,172, 0.75);
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */
	border-radius: 8px;        /* CSS3草案 */
	behavior: url(css/border-radius.htc);		/*　ie　*/
}

#supportbase p {
	margin: 18px;
	color : #884000;
}

#supportbase ul {
	margin: 0px auto;
	padding-bottom: 18px;
	color : #884000;
}
#supportbase li {
	margin-right: 48px;
	color : #884000;
}

#supportbase .clearfix {
	margin: 18px;
	color : #884000;
}