@charset "utf-8";

html,body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #202020;
	padding: 0px;
	background-image: url(../img/sub_v2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	margin: 0px;
}

/* clearfix */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}




/* header  ---------------------------------------------------------------------- start  */
#header_top{
	background-image: url(../img/header_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 0px;
	height: 40px;
	width: 100%;
	margin: 0px;
}

#header_top .logo{
	height: 40px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}


#header_top .logo .left{
	float: left;
}

#header_top .logo .right{
	float: right;
}






/* [img] start ----------------------------------------------------  */
img {
	border:none;
}

.img_alpha{
	  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}


a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.img_center{
	text-align: center;
	padding-bottom: 15px;
}

.img_left{
	float:left;
}


.border{
	border: 1px solid #999;
}

ul.link{
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	list-style-type: none;
}

ul.link li{
	background-image: url(../img/link_arrow.png);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

/* [img] end ----------------------------------------------------  */


/* [common] start ----------------------------------------------------  */
#container{
	margin: 0px;
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



#main {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position:relative;
	padding: 0px;
	padding: 0px;
}

#box_top{
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 960px;
	position: relative;
}


#home_logo a:link, #home_logo a:visited{
	display: block;
	height: 265px;
	width: 465px;
	position: absolute;
	left: 495px;
	top: 0px;
	text-indent: -9999px;
}






#main{
	background-image: url(../img/main.png);
	background-repeat: repeat-y;
	height: auto;
	width: 960px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-position: center top;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#main_center{
	width: 775px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}


#main_right{
	width: 775px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#main_right h1, #main_center h1{
	background-image: url(../img/box_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 775px;
}


#main_right .box, #main_center .box{
	background-image: url(../img/box_02.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 775px;
	position:relative;
}



#main_right .box_btm, #main_center .box_btm{
	background-image: url(../img/box_03.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 775px;
}




#main_left{
	width: 167px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0;
	float: left;
	padding: 0px;
}

/* [sub menu] start --------------------  */

#main_left .title{
	background-image: url(../img/sub_menu_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 167px;
}

#main_left .middle{
	background-image: url(../img/sub_menu_02.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 167px;
}

#main_left .middle ul{
	width: 147px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 9px;
	list-style-type: none;
}

#main_left .middle ul li{
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
	background-image: url(../img/sub_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 130px;
}

#main_left .middle ul li a:link,
#main_left .middle ul li a:visited{
	color: #FFF;
	text-decoration: none;
}

#main_left .middle ul li a:hover,
#main_left .middle ul li a:active{
	color: #0CF;
	text-decoration: underline;
}


#main_left .btm{
	background-image: url(../img/sub_menu_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 5px;
	width: 167px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#main_left ul{
	width: 160px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 7px;
}

#main_left ul li{
	margin: 0px;
	width: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
} 


li.chara_01 a:link, li.chara_01 a:visited,
li.chara_02 a:link, li.chara_02 a:visited,
li.chara_03 a:link, li.chara_03 a:visited,
li.chara_04 a:link, li.chara_04 a:visited,
li.chara_05 a:link, li.chara_05 a:visited,
li.chara_06 a:link, li.chara_06 a:visited,
li.chara_07 a:link, li.chara_07 a:visited,
li.chara_08 a:link, li.chara_08 a:visited,
li.chara_09 a:link, li.chara_09 a:visited,
li.chara_10 a:link, li.chara_10 a:visited,
li.chara_11 a:link, li.chara_11 a:visited,
li.chara_12 a:link, li.chara_12 a:visited,
li.chara_13 a:link, li.chara_13 a:visited,
li.chara_14 a:link, li.chara_14 a:visited,
li.chara_15 a:link, li.chara_15 a:visited,
li.chara_16 a:link, li.chara_16 a:visited{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	height: 45px;
	width: 160px;
}


li.gigantes_01 a:link, li.gigantes_01 a:visited,
li.gigantes_02 a:link, li.gigantes_02 a:visited,
li.gigantes_03 a:link, li.gigantes_03 a:visited,
li.gigantes_04 a:link, li.gigantes_04 a:visited,
li.gigantes_05 a:link, li.gigantes_05 a:visited{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	height: 65px;
	width: 160px;
}


li.chara_01 a:hover, li.chara_01 a:active,
li.chara_02 a:hover, li.chara_02 a:active,
li.chara_03 a:hover, li.chara_03 a:active,
li.chara_04 a:hover, li.chara_04 a:active,
li.chara_05 a:hover, li.chara_05 a:active,
li.chara_06 a:hover, li.chara_06 a:active,
li.chara_07 a:hover, li.chara_07 a:active,
li.chara_08 a:hover, li.chara_08 a:active,
li.chara_09 a:hover, li.chara_09 a:active,
li.chara_10 a:hover, li.chara_10 a:active,
li.chara_11 a:hover, li.chara_11 a:active,
li.chara_12 a:hover, li.chara_12 a:active,
li.chara_13 a:hover, li.chara_13 a:active,
li.chara_14 a:hover, li.chara_14 a:active,
li.chara_15 a:hover, li.chara_15 a:active,
li.chara_16 a:hover, li.chara_16 a:active,

li.gigantes_01 a:hover, li.gigantes_01 a:active,
li.gigantes_02 a:hover, li.gigantes_02 a:active,
li.gigantes_03 a:hover, li.gigantes_03 a:active,
li.gigantes_04 a:hover, li.gigantes_04 a:active,
li.gigantes_05 a:hover, li.gigantes_05 a:active
{
	background-position: left bottom;
}


li.chara_01 a:link, li.chara_01 a:visited{
	background-image: url(../chara/img/btn_lutina.png);
}

li.chara_02 a:link, li.chara_02 a:visited{
	background-image: url(../chara/img/btn_sail.png);
}

li.chara_03 a:link, li.chara_03 a:visited{
	background-image: url(../chara/img/btn_fildia.png);
}

li.chara_04 a:link, li.chara_04 a:visited{
	background-image: url(../chara/img/btn_izuna.png);
}

li.chara_05 a:link, li.chara_05 a:visited{
	background-image: url(../chara/img/btn_magnas.png);
}

li.chara_06 a:link, li.chara_06 a:visited{
	background-image: url(../chara/img/btn_reven.png);
}

li.chara_07 a:link, li.chara_07 a:visited{
	background-image: url(../chara/img/btn_sharon.png);
}

li.chara_08 a:link, li.chara_08 a:visited{
	background-image: url(../chara/img/btn_orcus.png);
}

li.chara_09 a:link, li.chara_09 a:visited{
	background-image: url(../chara/img/btn_rietheia.png);
}

li.chara_10 a:link, li.chara_10 a:visited{
	background-image: url(../chara/img/btn_yomi.png);
}

li.chara_11 a:link, li.chara_11 a:visited{
	background-image: url(../chara/img/btn_kisara.png);
}

li.chara_12 a:link, li.chara_12 a:visited{
	background-image: url(../chara/img/btn_hyperion.png);
}

li.chara_13 a:link, li.chara_13 a:visited{
	background-image: url(../chara/img/btn_juno.png);
}


li.chara_14 a:link, li.chara_14 a:visited{
	background-image: url(../chara/img/btn_callisto.png);
}

li.chara_15 a:link, li.chara_15 a:visited{
	background-image: url(../chara/img/btn_garnet.png);
}

li.chara_16 a:link, li.chara_16 a:visited{
	background-image: url(../chara/img/btn_sunshout.png);
}


li.gigantes_01 a:link, li.gigantes_01 a:visited{
	background-image: url(../gigantes/img/btn_01.png);
}

li.gigantes_02 a:link, li.gigantes_02 a:visited{
	background-image: url(../gigantes/img/btn_02.png);
}

li.gigantes_03 a:link, li.gigantes_03 a:visited{
	background-image: url(../gigantes/img/btn_03.png);
}

li.gigantes_04 a:link, li.gigantes_04 a:visited{
	background-image: url(../gigantes/img/btn_04.png);
}

li.gigantes_05 a:link, li.gigantes_05 a:visited{
	background-image: url(../gigantes/img/btn_05.png);
}
/* [sub menu] end --------------------  */






/* [chara] start ----------------------------------------------------  */

.box .chara{
	padding: 0px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color: #000;
	height: 770px;
}

.box #btn_back a:link, .box #btn_back a:visited,
.box #btn_back_right a:link, .box #btn_back_right a:visited{
	background-image: url(../img/btn_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 115px;
	text-indent: -9999px;
	position: absolute;

}

.box #btn_back a:hover, .box #btn_back a:active,
.box #btn_back_right a:hover, .box #btn_back_right a:active{
	background-image: url(../img/btn_back.png);
	background-position: left bottom;
}

.box #btn_back a:link, .box #btn_back a:visited{
	left: 20px;
	top: 720px;
}

.box #btn_back_right a:link, .box #btn_back_right a:visited{
	left: 635px;
	top: 720px;
}


/* [chara] end ----------------------------------------------------  */




.box .blackbox{
	padding: 0px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color: #000;
}






.line{
	background-image: url(../img/line.png);
	background-repeat: no-repeat;
	background-position: 10px;
	height: 10px;
	width: 718px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 0px;
}

/* [common] end ----------------------------------------------------  */



/* [Gmenu] start ----------------------------------------------------  */

#gmenu{
	padding: 0px;
	height: 73px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#gmenu ul{
	padding: 0px;
	height: 73px;
	width: 944px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#gmenu ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 73px;
	width: 118px;
} 


li.dlc_gray{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent:-9999px;
	height: 73px;
	width: 118px;
	background-image: url(../img/btn_gmenu_dlc_gray.png);
}


li.about a:link, li.about a:visited,
li.story a:link, li.story a:visited,
li.chara a:link, li.chara a:visited,
li.gigantes a:link, li.gigantes a:visited,
li.system a:link, li.system a:visited,
li.mov a:link, li.mov a:visited,
li.dlc a:link, li.dlc a:visited,
li.info a:link, li.info a:visited{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent:-9999px;
	height: 73px;
	width: 118px;
}


li.about a:hover, li.about a:active,
li.story a:hover, li.story a:active,
li.chara a:hover, li.chara a:active,
li.gigantes a:hover, li.gigantes a:active,
li.system a:hover, li.system a:active,
li.mov a:hover, li.mov a:active,
li.dlc a:hover, li.dlc a:active,
li.info a:hover, li.info a:active{
	background-position: left bottom;
}


li.about a:link, li.about a:visited{
	background-image: url(../img/btn_gmenu_about.png);
}


li.story a:link, li.story a:visited{
	background-image: url(../img/btn_gmenu_story.png);
}


li.chara a:link, li.chara a:visited{
	background-image: url(../img/btn_gmenu_chara.png);
}

li.gigantes a:link, li.gigantes a:visited{
	background-image: url(../img/btn_gmenu_gigantes.png);
}


li.system a:link, li.system a:visited{
	background-image: url(../img/btn_gmenu_system.png);
}


li.mov a:link, li.mov a:visited{
	background-image: url(../img/btn_gmenu_mov.png);
}

li.dlc a:link, li.dlc a:visited{
	background-image: url(../img/btn_gmenu_dlc.png);
}


li.info a:link, li.info a:visited{
	background-image: url(../img/btn_gmenu_info.png);
}




/* [Gmenu] end ----------------------------------------------------  */





/* [info/system] start ----------------------------------------------------  */
.topics{
	width: 730px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	color: #333;
	background-color: #FFF;
	padding: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}


.topics p{
	margin: 0px;
	line-height: 1.6em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.topics p.day{
	font-size: 14px;
	line-height: 1.4em;
	font-weight: normal;
	width: 100%;
	margin: 0px;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.topics .img2{
}

.topics .img2 ul{
	width: 730px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.topics .img2 ul li{
	margin: 0px;
	float: left;
	width: 357px;
	font-size: 11px;
	line-height: 1.2em;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}



table{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ABC1D1;
	border-right-color: #ABC1D1;
	border-bottom-color: #ABC1D1;
	border-left-color: #ABC1D1;
}

th{
	background-color: #29537C;
	color: #FFF;
	font-size: 0.9em;
	line-height: 1.5em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ABC1D1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ABC1D1;
}


td{
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #D1DEE7;
	border-right-color: #ABC1D1;
	background-color: #FFF;
	font-size: 0.9em;
	line-height: 1.4em;
}



td.pink{
	background-color: #FDE3E8;
}

td.blue{
	background-color: #3D80BC;
	color: #FFF;
}

.none_table{
}

.none_table table{
	border: none !important;

}

.none_table th{
	border: none !important;
	background:none !important;

}


.none_table td{
	border: none !important;
		background:none !important;

}

/* [info] end ----------------------------------------------------  */



/* [about] start ----------------------------------------------------  */
.about_bg{
	background-image: url(../about/img/about.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	width: 718px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.about_bg p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}

/* [about] end ----------------------------------------------------  */

/* [mov] start ----------------------------------------------------  */
.mov_box{
	width: 640px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	color: #FFF;
}

.mov_box iframe{
	border: 1px solid #069;
}

.mov_box a:link, .mov_box a:visited{
	color: #00CCFF;
	text-decoration: underline;
}

.mov_box a:hover, .mov_box a:active{
	color: #0F6;
	text-decoration: none;
}


.photo_box iframe{
	border: 1px solid #383325;
	height: 360px;
	width: 640px;
	margin: 0px;
	padding: 0px;
}

.mov_end{
	width: 550px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	text-align: center;
	color: #FFF;
	background-color: #069;
	height: 50px;
	padding-top: 35px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #09C;
}

/* [story] start ----------------------------------------------------  */
.txt_box{
	width: 640px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: center;
	color: #FFF;
}

.img_world{
	text-align: center;
	padding-bottom: 10px;
}




/* [txt] start ----------------------------------------------------  */

h1{
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 740px;
}

h2{
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../img/h2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 731px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFF;
}

h2.line2{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	background-image: url(../img/h2_line2.png);
	background-repeat: no-repeat;
	width: 737px;
	color: #FFF;
	background-position: center bottom;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 22px;
	height: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


h3{
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 18px;
	background-image: url(../img/h3.png);
	background-position: 1px bottom;
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	color: #81CDF5;
	margin: 0px;
}

.topics h3{
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 20px;
	background-image: url(../img/h3_topics.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	color: #1E274D;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

h4{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: bold;
	color: #004566;
	border-left-width: 12px;
	border-left-style: double;
	border-left-color: #069;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h5{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	color: #1E274D;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #069;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBC4C8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


a:link, a:visited{
	color: #251cb7;
	text-decoration: underline;
}

a:hover, a:active{
	color: #F66;
	text-decoration: none;
}


p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	width: 100%;
	background-image:url(image);
}


.middle{
	font-size: 0.9em !important;
}

.large{
	font-size: 1.2em !important;
}

.small{
	font-size: 0.8em !important;
}
.small2{
	font-size: 0.9em !important;
}


.white{
	color: #FFF;
}

.yellew{
	color: #FF0;
}
.green{
	color: #0C3;
}

.red{
	color: #C00;
}

.gray{
	color: #666;
}

.P_T10{
	padding-top:10px !important;
}

.P_L10{
	padding-left:10px !important;
}

.P_L20{
	padding-left:20px !important;
}
.P_R10{
	padding-right:10px !important;
}

.P_B0{
	padding-bottom:0px !important;
}

.P_B5{
	padding-bottom:5px !important;
}

.P_B10{
	padding-bottom:10px !important;
}

.P_B30{
	padding-bottom:30px !important;
}

.M_B0{
	margin-bottom:0px !important;
}

.M_B5{
	margin-bottom:5px !important;
}

.M_B10{
	margin-bottom:10px !important;
}

.M_B15{
	margin-bottom:15px !important;
}

.M_B30{
	margin-bottom:30px !important;
}

.M_R5{
	margin-right:5px !important;
}

.M_R10{
	margin-right:10px !important;
}
.M_L10{
	margin-left:10px !important;
}


.M_T5{
	margin-top:5px !important;
}
.M_T10{
	margin-top:10px !important;
}
/* [txt] end ----------------------------------------------------  */




/* [footer] start ----------------------------------------------------  */
#footer{
	background-color: #000;
	padding: 0px;
	margin-top: -14px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	bottom: 0px;
	background-image: url(../img/footer.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 150px;
}

#footer .sns{
	width: 290px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 20px;
}


#footer .txt{
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #FFF;
	
}
	
#footer .txt a:link, #footer .txt a:visited{
	color: #6CF;
	text-decoration: underline;
}

#footer .txt a:hover, #footer .txt a:active{
	color: #3CC;
	text-decoration: none;
}

.google_p1{
	height: 20px;
	width: 32px;
	float: left;
	margin-right: 0px;
}

.twitter_btn{
	height: 20px;
	width: 65px;
	float: left;
	margin-right: 5px;
}

 .facebook_btn{
	height: 20px;
	width: 70px;
	float: left;
	margin-right: 5px;
	overflow: hidden;
}

 .line_sns_btn{
	height: 20px;
	width: 88px;
	float: left;
		margin-right: 5px;
}


*:first-child+html .line_sns_btn, *:first-child+html .twitter_btn ,*:first-child+html .facebook_btn{
	position: relative;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
}
/* [footer] end ----------------------------------------------------  */


/* [PageTop] start ----------------------------------------------------  */

#PageTop{
	border-radius:5px;
	color:#FFF;
	position:fixed;
	bottom:20px;
	right:20px;
	background-image: url(../img/pagetop.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 120px;
	text-indent: -9999px;
	}
	
#PageTop:hover{
	background-image: url(../img/pagetop.png);
	background-position: left bottom;
	}
/* [PageTop] end ----------------------------------------------------  */