/*
 *                  R e b R a n k  S t y l e  F i l e
 *
 *                      B a s e S t y l e . c s s
 */

/*--------------------------------------------------------------------- General */

* {
	margin           : 0px;
	padding          : 0px;
	font-family      : 'sofia_pro_lightregular', 'Lucida Sans Unicode', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Meiryo UI', 'メイリオ', 'Meiryo', Verdana, Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	font-size        : 11.5pt;
	color            : #434354;
	text-decoration  : none;
}

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

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

html { 
	background-image      : url(../images/background_slit.png);
	background-color      : #ffffff; /* #434354;*/
	background-repeat     : repeat;
	background-attachment : fixed;
}

body {
	background-image  : url(../images/background_rhombus.png);
	background-repeat : repeat;
	overflow-y        : scroll;
}

#header{
	width              : 100%;
	background         : #ffffff;
	box-shadow         : 0px 0px 8px #cccccc;
	-moz-box-shadow    : 0px 0px 8px #cccccc;
	-webkit-box-shadow : 0px 0px 8px #cccccc;
	margin-bottom      : 24px;
}

#header .nav,
#inline_bottom_navi_widget .nav{
	margin              : 0px auto 0px auto;
	width               : 960px;
	clear               : both;
}

.main{
	background            : #ffffff;
	box-shadow            : 0px 0px 4px #cccccc;
	-moz-box-shadow       : 0px 0px 4px #cccccc;
	-webkit-box-shadow    : 0px 0px 4px #cccccc;
	-webkit-border-radius : 6px;
	-moz-border-radius    : 6px;
	border-radius         : 6px;
	background-repeat     : repeat-y;
	margin-bottom         : 24px;
}

#footer{
	color                 : #cccccc;
	width                 : 100%;
	height                : 115px;
	margin                : 0px auto 0px auto;
	position              : relative;
	background-color      : #434354;
	position              : relative;
	background-repeat     : no-repeat;
	background-position   : left bottom;
	border-top            : 1px solid #3b0f0f;
}

a {
	-webkit-transition : all 0.3s ease-in-out;
	-moz-transition    : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
	color              : #993333;
	text-decoration    : none;
	position           : relative;
	z-index            : 2;
}

a:hover {
	color           : #ff6666;
	text-decoration : underline;
}
a.widelink {
	display : block;
	width   : 100%;
}
a img:hover{
	filter        : alpha(opacity=85);
	-moz-opacity  : 0.85;
	opacity       : 0.85;
}
u {
	font-weight      : normal;
	text-decoration  : underline;
}

img {
	z-index : 20;
}

dt {
	line-height : 170%;
	font-weight : normal;
}

dd, p{
	line-height : 170%;
}

strong {
	font-weight : bold;
	font-size   : 15pt;
}

big {
	font-weight : bold;
	font-size   : 15pt;
	color       : #000088;
}

s,
strike{
	text-decoration : line-through !important;
	color           : #666666;
}
small{
	font-size : 9pt !important;
	color     : #666666 !important;
}

blockquote {
	border           : 2px solid #e0e0e0;
	background-color : #fafafa;
	margin           : 5px;
	padding          : 5px 10px;
	font-size        : 11pt;
}
/* normal li -> list-style  */
li {
	list-style-type     : none;
	padding-left        : 20px;
	list-style-position : outside;
	background-repeat   : no-repeat;
	background-position : left 0.5em;
	background-image    : url(../images/listmarkb2.gif);
}

li.list_square{
	list-style-type     : square;
	padding-left        : 5px;
	list-style-position : inside;
	background-repeat   : no-repeat;
	background-position : left 0.5em;
	background-image    : none;
}

script {
	visibility : hidden;
}

form {
	display : inline;
}
#inline_acc {
	position   : absolute;
	visibility : hidden;
}
input, textarea {
	color                 : #000000;
	border                : 1px solid #999999;
	padding               : 0px 5px 0px 5px;
	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
}
input:focus,
textarea:focus{
	box-shadow         : rgba(163, 129, 163, 0.8) 0px 0px 3px 1px;
	-webkit-box-shadow : rgba(163, 129, 163, 0.8) 0px 0px 3px 1px;
	-moz-box-shadow    : rgba(163, 129, 163, 0.8) 0px 0px 3px 1px;
}
legend {
	padding     : 0px 15px;
	font-weight : bold;
	font-size   : 12pt;
}

fieldset {
	overflow               : hidden;
	line-height            : 170%;
	padding                : 5px;
	border-radius          : 8px;
	-moz-border-radius     : 8px;
	-webkit-border-radius  : 8px;
	
	box-shadow             : 1px 1px 2px #cccccc;
	-moz-box-shadow        : 1px 1px 2px #cccccc;
	-webkit-box-shadow     : 1px 1px 2px #cccccc;
}

.font_monospace {
	font-family    : Lucida Console , monospace !important;
}

.counter {
	text-align : right;
}
.NewDate { 
	color : #ff0000;
}
/*--------------------------------------------------------------------- circleLogo */
#circleLogo {
	display       : inline;
	float         : left;
	width         : 340px;
	margin-left   : 10px;
	margin-right  : 10px;
	margin-top    : 5px;
	margin-bottom : 5px;
}
#bottomcircleLogo{
	display        : inline;
	float          : left;
	width          : 58px;
	height         : 80px;
	padding-left   : 20px;
	padding-right  : 10px;
	padding-top    : 4px;
	padding-bottom : 4px;
}


#AboutRebRank {
	background-image    : url(../images/RebRank_Logo_info.png);
	background-repeat   : no-repeat;
	height              : 400px;
	width               : auto;
	background-position : center center;
}

/*--------------------------------------------------------------------- upperMenu */
#upperMenu{
	position        : relative;
	width           : 580px;
	height          : 45px;
	display         : block;
	float           : left;
	margin-left     : 10px;
	margin-right    : 10px;
	margin-top      : 10px;
	margin-bottom   : 0px;
	text-align      : right;
}

#upperMenu a{
	font-size : 10.5pt;
}
#upperMenu ul li{
	display         : inline;
	padding         : 0px;
	list-style-type : none;
	background      : none;
}

#upperMenu li{
	margin       : 0px;
	position     : relative;
	overflow     : hidden;
	list-style   : none;
	margin-right : 1em;
	background   : none;
}

/*--------------------------------------------------------------------- mainMenu */
.mainMenu {
	position        : relative;
	width           : 960px;
	height          : 45px;
	display         : block;
	margin-left     : auto;
	margin-right    : auto;
	margin-top      : 0px;
	margin-bottom   : 0.625em;
	text-align      : center;
	overflow        : hidden;
}

.mainMenu ul{
	 text-align: center;
}

.mainMenu li{
	position      : relative;
	margin        : 0px;
	list-style    : none;
	display       : inline;
	font-size     : 10.5pt;
	color         : #434354;
	background    : none;
	
	padding-right : 1em;
	padding-left  : 1em;

	display       : -moz-inline-box;
	display       : inline-block;
	*display      : inline;
	*zoom: 1;
}

li.back {
	padding       : 0px;
	position      : absolute;
	overflow      : hidden;
	border-bottom : 2px solid #993333;
}

.mainMenuHead{
	display        : block;
	padding-bottom : 0.2em;
	font-family    : 'NovecentowideUltraLightBold', sans-serif;
	font-size      : 12pt;
	letter-spacing : 0.01em;
}

/*--------------------------------------------------------------------- bottomMenuWidget */
#inline_bottom_navi_widget {
	position              : fixed!important; /* importantで、Mozilla, Opera に対して優先順位を上げて固定配置 */
	position              : absolute;        /* Internet Explorer 用に絶対位置配置 */
	left                  : 0px;
	bottom                : 0px;
	width                 : 100%;
	height                : 80px;
	background-color      : #111111;
	color                 : #eeeeee;
	z-index               : 100;
	background-image      : url(../images/bottom-navi-wedget_background_circuit.png);
	background-repeat     : x-repeat;
	background-attachment : fixed;
	background-position   : right bottom;
	border-top            : 1px solid #666666;
	
	box-shadow            : 0px 0px 8px #111111;
	-moz-box-shadow       : 0px 0px 8px #111111;
	-webkit-box-shadow    : 0px 0px 8px #111111;
	opacity               : 0.90;
	filter                : alpha(opacity=90);
	-ms-filter            : "alpha(opacity=90)";
	-moz-opacity          : 0.90;
	-khtml-opacity        : 0.90;
}

#inline_bottom_navi_widget a {
	-webkit-transition : all 0.3s ease-in-out;
	-moz-transition    : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
	color              : #ff6666;
	text-decoration    : none;
	position           : relative;
	z-index            : 2;
}

#inline_bottom_navi_widget a:hover {
	color           : #993333;
	text-decoration : underline;
}

/*--------------------------------------------------------------------- bottomMainMenu */
#bottomMenu{
	position         : relative;
	width            : 850px;
	float            : right;
	padding-top      : 2px;
	margin-left      : 10px;
	margin-right     : 10px;
	text-align       : right;
}

#bottomSubMenu {
	width           : 840px;
	height          : 35px;
	padding-bottom  : 0px;
	margin-left     : auto;
	margin-right    : auto;
}

#bottomMainMenu {
	width           : 840px;
	height          : 45px;
	margin-left     : auto;
	margin-right    : auto;
	overflow        : hidden;
	text-align      : center;
}
#bottomSubMenu a{
	font-size : 10pt;
}
#bottomSubMenu ul li{
	display         : inline;
	padding         : 0px;
	list-style-type : none;
	background      : none;
}

#bottomSubMenu li{
	margin       : 0px;
	position     : relative;
	overflow     : hidden;
	list-style   : none;
	margin-right : 1em;
	background   : none;
}
#bottomMainMenu ul{
	 text-align : center;
}

#bottomMainMenu li{
	position      : relative;
	margin        : 0px;
	list-style    : none;
	display       : inline;
	font-size     : 9pt;
	color         : #999999;
	background    : none;
	
	padding-right : 1em;
	padding-left  : 1em;
	
	display       : -moz-inline-box;
	display       : inline-block;
	*display      : inline;
	*zoom: 1;
}	
#bottomMainMenu a {
	font-size : 11.5pt;
}
/*--------------------------------------------------------------------- slider */
.slide_content{
	position   : relative;
	width      : 940px;
	height     : 384px;/*image 360px + txt 24px */
}

.slide_content h3{
	position       : absolute;
	bottom         : 0px;
	left           : 0px;
	width          : 100%;
	height         : 24px;
	padding        : 0px 30px;
	font-size      : 12pt;
	letter-spacing : 1px;
	color          : #ffffff;
	font-style     : normal;
	font-weight    : bold;
	white-space    : nowrap;
	/*text-transform : capitalize;*/
}

.slide_content a{
	display  : block;
	position : absolute;
	top      : 0px;
	left     : 0px;
	width    : 100%;
	height   : 100%;
	z-index  : 20;
}


.slider li{
	background-image : none;
	padding          : 0px;
}
	
ul.slider > li:not(:first-child) { display: none; }

#slider1 .slide_content{ background: url(../images/slider/slider_choronicle.jpg) no-repeat 0 0; }
#slider2 .slide_content{ background: url(../images/slider/slider_dpd2.png) no-repeat 0 0; }
#slider3 .slide_content{ background: url(../images/slider/slider_refrain.jpg) no-repeat 0 0; }
#slider4 .slide_content{ background: url(../images/slider/slider_dpd1.jpg) no-repeat 0 0; }
#slider5 .slide_content{ background: url(../images/slider/slider_fragments.jpg) no-repeat 0 0; }
#slider6 .slide_content{ background: url(../images/slider/slider_redrive.jpg) no-repeat 0 0; }
#slider7 .slide_content{ background: url(../images/slider/slider_samidare.jpg) no-repeat 0 0; }
#slider8 .slide_content{ background: url(../images/slider/slider_smdarc.jpg) no-repeat 0 0; }

.bgc_dpd2		{ background-color : #8FB954; }
.bgc_dpd1		{ background-color : #f6ac1d; }
.bgc_refrain	{ background-color : #ed6c18; }
.bgc_chronicle	{ background-color : #102966; }
.bgc_fragments	{ background-color : #677f99; }
.bgc_redrive	{ background-color : #be0d40; }
.bgc_smd		{ background-color : #f7751f; }
.bgc_smdarc		{ background-color : #000066; }

/*---------------------------------------------------------------------  button */
.slide_button{
	position       : absolute;
	bottom         : 40px;
	left           : 0px;
	padding        : 0px 30px;
	white-space    : nowrap;
}

.link_button{
	display         : inline;
	color           : #ffffff!important;
	padding         : 3px 20px;
	margin          : 5px;
	cursor          : pointer;
	text-align      : center;
	font-size       : 16pt;
	border-radius   : 4px;
	text-decoration : none!important;
	z-index         : 100;
}

.link_button:hover{
	filter        : alpha(opacity=85);
	-moz-opacity  : 0.5;
	opacity       : 0.5;
}

/*--------------------------------------------------------------------- Bracket Content */
.bracket_parent {
	font-family    : 'Michroma', 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
	font-size      : 16pt;
}

.bracket_start {
	display     : inline-block;
	*zoom       : 1;
	*display    : inline;
	text-indent : -9999px;
	
	border-top  : 1px solid #9393b4 !important;
	border-left : 1px solid #9393b4 !important;
	
	font-size   : 15pt;
	width       : 0.5em;
	padding     : 0px;
}

.bracket_end {
	display       : inline-block;
	*zoom         : 1;
	*display      : inline;
	text-indent   : -9999px;

	border-bottom : 1px solid #9393b4 !important;
	border-right  : 1px solid #9393b4 !important;
	
	font-size      : 15pt;
	width          : 0.5em;
	padding        : 0px;
	margin-left    : 0px;
}

.bracket_parent_middle {
	font-size   : 12pt;
	font-family : 'Michroma', 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
	margin      : 0.25em 0em;
}

.bracket_start_middle {
	display     : inline-block;
	*zoom       : 1;
	*display    : inline;
	text-indent : -9999px;
	
	border-top  : 1px solid #9393b4 !important;
	border-left : 1px solid #9393b4 !important;
	
	font-size   : 11.5pt;
	width       : 0.5em;
	padding     : 0px 2px 0px 2px;
}

.bracket_end_middle {
	display       : inline-block;
	*zoom         : 1;
	*display      : inline;
	text-indent   : -9999px;

	border-bottom : 1px solid #9393b4 !important;
	border-right  : 1px solid #9393b4 !important;
	font-size     : 11.5;
	width         : 0.5em;
	padding       : 0px 2px 0px 2px;
}

.bracket_parent_small {
	font-size   : 9pt;
	font-family : 'Michroma', 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
	margin      : 0.25em 0em;
}

.bracket_start_small {
	display     : inline-block;
	*zoom       : 1;
	*display    : inline;
	text-indent : -9999px;
	
	border-top  : 1px solid #9393b4 !important;
	border-left : 1px solid #9393b4 !important;
	
	font-size   : 9pt;
	width       : 0.5em;
	padding     : 0px 2px 0px 2px;
}

.bracket_end_small {
	display       : inline-block;
	*zoom         : 1;
	*display      : inline;
	text-indent   : -9999px;

	border-bottom : 1px solid #9393b4 !important;
	border-right  : 1px solid #9393b4 !important;
	font-size     : 9pt;
	width         : 0.5em;
	padding       : 0px 2px 0px 2px;
}

/*--------------------------------------------------------------------- RootTitle */
.Root_Title {
	position      : relative;
	bottom        : 0px;
	right         : 0px;
	text-align    : right;
}

.Root_Title h1{
	width       : 240px;
	font-family : 'NovecentowideLightRegular', sans-serif;
	height      : 90px;
	font-size   : 64pt;
	color       : #ceced9;
	display     : inline;
	padding     : 0px 5px 0px 15px;
	float       : left;
}
.Root_Title_legend {
	height         : 40px;
	font-family    : 'Metrophobic', sans-serif;
	font-size      : 7pt;
	letter-spacing : 0.07em;
	line-height    : 120%;
	color          : #ceced9;
	padding        : 39px 0px 0px 0px;
}
.Root_Title_RebRankLogo{
	height        : 67px;
	width         : 60px;
	float         : right;
	padding-top   : 13px;
	padding-right : 15px;
}
/*--------------------------------------------------------------------- RootNavi */

.RootNaviMainTitle {
	padding               : 5px 0px 1px 10px;
	border-radius         : 14px 0px 0px 0px;
	-moz-border-radius    : 14px 0px 0px 0px;
	-webkit-border-radius : 14px 0px 0px 0px;
	border-top            : 1px solid #cccccc;
	border-left           : 1px solid #cccccc;
}

.RootNaviMainTitle h3{
	font-family    : 'Wire One', sans-serif;
	font-size      : 28pt;
	letter-spacing : 0.01em;
	font-weight    : bold;
	padding        : 2px 5px 2px 5px;
	display        : inline-block;
	*zoom          : 1;
	*display       : inline;
}

.RootNaviMainTitle h4 {
	font-family    : 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
	font-size      : 11pt;
	letter-spacing : 0.1em;
	font-weight    : normal;
	padding        : 2px 5px 2px 5px;
	display        : inline-block;
	*zoom          : 1;
	*display       : inline;
}

.RootNaviContent {
	border-left    : 1px solid #cccccc;
	padding        : 0px 10px 0px 10px;
	margin         : 0px 0px 10px 0px;
	/* font-weight    : bold; */
	text-align     : center;
	border-left    : 1px solid #cccccc;

}

.RootNaviContent dd{
	font-size      : 13pt;
}

.RootNaviContent fieldset{
	text-align : center;
}

.RootNaviContent h4{
	font-size      : 18pt;
	font-family    : 'Wire One','NovecentowideLightRegular', sans-serif;
	letter-spacing : 0.1em;
	padding        : 0px 5px;
	display        : inline-block;
	*zoom          : 1;
	*display       : inline;
}

.RootNaviContent h5{
	padding-bottom : 10px;
	font-size      : 10pt;
	letter-spacing : 0.1em;
	font-weight    : normal;
	padding        : 0px 5px;
	display        : inline-block;
	*zoom          : 1;
	*display       : inline;
}


/*--------------------------------------------------------------------- Navi */

.NaviMainTitle {
	padding               : 20px 0px 30px 20px;
	margin-bottom         : 15px;
	border-radius         : 14px 0px 0px 0px;
	-moz-border-radius    : 14px 0px 0px 0px;
	-webkit-border-radius : 14px 0px 0px 0px;
	border-top            : 1px solid #666666;
	border-left           : 1px solid #666666;
}

.NaviMainTitle h2{
	font-family    : 'Wire One', sans-serif;
	font-size      : 32pt;
	letter-spacing : 0.01em;
	font-weight    : bold;
}

.NaviMainTitle h3 {
	font-family    : 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
	font-size      : 12pt;
	letter-spacing : 0.25em;
	font-weight    : normal;
}

.NaviContent {
	padding        : 10px 0px 10px 0px;
}

.NaviContent h3{
	font-size      : 24pt;
	font-family    : 'Wire One','NovecentowideLightRegular', sans-serif;
	letter-spacing : 0.01em;
}

.NaviContent h4{
	padding-bottom : 10px;
	font-size      : 10pt;
	letter-spacing : 0.01em;
	font-weight    : normal;
}

.NaviContent li{
	list-style     : none;
	display        : block;
	padding-left   : 5px;
	margin-left    : 2px;
	margin-top     : 10px;
	margin-bottom  : 10px;
	background     : none;
	border-left    : 2px solid #cccccc;
	letter-spacing : 0em;
	font-size      : 10pt;
}

.NaviContent li:hover {
	-webkit-transition : all 0.3s ease-in-out;
	-moz-transition    : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
	border-left        : 2px solid #cc6666;
}

.NaviContent a {
	display      : block;
	font-size    : 10pt;
}

.NaviContent a:hover {
	text-decoration : underline;
}

/*--------------------------------------------------------------------- PageMainTitle*/
.PageMainTitle {
	position       : relative;
	width          : auto;
	font-family    : 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
	font-weight    : normal;
	letter-spacing : 0em;
	font-size      : 16pt;
	text-align     : center;
	padding-top    : 15px;
	padding-bottom : 20px;
}

.PageMainTitle h1{
	position       : relative;
	font-family    : 'NovecentowideLightRegular', sans-serif;
	font-weight    : normal;
	font-size      : 40pt;
	display        : block;
	letter-spacing : 0.01em;
}

hr.upper {
	margin-bottom    : 5px;
	border           : 0px;
	height           : 1px;
	background-image : -webkit-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	background-image :    -moz-linear-gradient(left, rgba(64,64,64,0)   , rgba(192,192,192,0.75), rgba(64,64,64,0)); 
	background-image :     -ms-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	background-image :      -o-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	box-shadow       : 0px -2px 3px rgba(128,128,128,0.4);
}

hr.lower {
	margin-top       : 5px;
	border           : 0px;
	height           : 1px;
	background-image : -webkit-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	background-image :    -moz-linear-gradient(left, rgba(64,64,64,0),    rgba(192,192,192,0.75), rgba(64,64,64,0)); 
	background-image :     -ms-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	background-image :      -o-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	box-shadow       : 0px 2px 3px rgba(128,128,128,0.4);
}

hr.middle {
	margin-top       : 5px;
	margin-bottom    : 5px;
	border           : 0px;
	height           : 1px;
	background-image : -webkit-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	background-image :    -moz-linear-gradient(left, rgba(64,64,64,0),    rgba(192,192,192,0.75), rgba(64,64,64,0)); 
	background-image :     -ms-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	background-image :      -o-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(64,64,64,0)); 
	box-shadow       : 0px 2px 3px rgba(128,128,128,0.4);
}

/*--------------------------------------------------------------------- Headline*/
.Headline {
	background-image      : url(../images/generalbar_center.png);
	background-repeat     : x-repeat;
	overflow              : hidden;
	height                : 28px;
	-webkit-border-radius : 14px;
	-moz-border-radius    : 14px;
	border-radius         : 14px;
	font-size             : 13pt;
	padding-left          : 10px;
	color                 : #cccccc;
	font-weight           : normal;
	white-space           : nowrap;
	display               : block;
}

.Headline h2 {
	display          : inline;
	margin           : 0px 4px 0px 4px;
	padding          : 0px 10px 0px 10px;
	font-size        : 14pt;
	font-variant     : small-caps;
	letter-spacing   : 8px;
	color            : #f0f0f0;
	cont-family      : 'Lucida Sans Unicode';
	font-style       : normal;
	font-weight      : bold;
	white-space      : nowrap;
	text-transform   : capitalize;
}

.Headline a{
	vertical-align : baseline;
}


/*--------------------------------------------------------------------- Contents */
.Contents{
	margin-top    : 10px;
	margin-bottom : 15px;
}

/*---------------------------------------------------------------------lead & category*/
/* lead     : padding + 見出し中寄せ
 * category : padding + 見出し左寄席
 * download : padding + 見出し左寄席 + margin
 * comment  : paddingのみ
  */
.lead,
.category,
download{
	padding-top    : 20px;
	padding-bottom : 20px;
	width          : 100%;
}
.comment {
	padding-top    : 20px;
	padding-bottom : 20px;
	padding-left   : 10px;
	padding-right  : 10px;
	display        : block;
}

.lead dt,
.lead dt a,
.category dt,
.category dt a,
.downloads dt,
.downloads dt a,
.productsname a{
	font-family    : 'sofia_pro_lightregular' 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
	font-size      : 14pt;
}

/*---------------------------------------------------------------------lead*/

.lead dt{
	text-align     : center;
	border-top     : 1px solid #666666;
	border-bottom  : 1px solid #666666;
	padding-top    : 2px;
	padding-bottom : 2px;
}

.lead dd{
	padding     : 5px 10px 5px 10px;
}

.lead ul{
	padding-bottom : 10px;
	text-align     : left;
}
.lead li{
	text-align  : left;
}

.lead p {
	padding-left    : 15px;
	padding-right   : 15px;
}

/*---------------------------------------------------------------------category*/

.category dt{
	text-align    : left;
	padding       : 5px 20px 0px 20px;
	border-left   : 5px solid  #666666;
	border-right  : 5px solid  #666666;
	border-top    : 1px dashed #666666;
	border-bottom : 1px dashed #666666;
}

.category dd{
	padding     : 5px 10px 35px 15px;
}

/*---------------------------------------------------------------------Table*/

table.Products_TopicBox_Table {
	width         : 100%;
}

.Products_TopicBox_Table td{
	white-space   : nowrap;
	border-bottom : 1px dotted #666666;
	padding       : 2px 25px 2px 25px;
}

/*---------------------------------------------------------------------twitter icon*/

.twitter_icon {
	text-align            : center;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
}

/* シンボルあり */
.withSymbol a,
.downloads a,
.Scrapbooks a{
	border-left     : 3px solid #666666;/*434354*/
	padding-left    : 10px;
}

.withSymbol a:hover,
.downloads a:hover,
.Scrapbooks a:hover{
	text-decoration : underline;
	border-left     : 3px solid #cc6666;
}

/*---------------------------------------------------------------------Link*/
ul.websitelink_img {
	display : inline;
	text-align : center;
}

.websitelink_img li{
	background : none;
	list-style : none;
	padding    : 20px;
	font-size  : 9pt;
	color      : #666666;
	float      : left;
}

ul.websitelink_comment {
	padding-top : 20px;
}

.websitelink_List li{
	list-style-type : none;
	background      : none;
	padding-top     : 10px;
}

.websitelink_List p{
	overflow:hidden;
	padding:0px;
}

.websitelink_List img{
    float          : left;
	margin         : 2px 10px;
	vertical-align : middle;
}
.websitelink_List strong{
	font-size      : 11pt;
}

/*---------------------------------------------------------------------Scrapbook & Download*/
.Scrapbooks dt{
	clear          : both;
	float          : left;
	padding-top    : 0.01em;
	padding-bottom : 0.01em;
	font-size      : 13pt;
	font-family    : Lucida Console , monospace;
}

.Scrapbooks dd{
	border-bottom  : 1px dotted #666666;
	padding-left   : 9em;
	padding-top    : 0.5em;
	padding-bottom : 0.5em;
}


.downloads_Scrapbooks_img {
	border : 0px!important;
}
.downloads a:hover,
.Scrapbooks a:hover{
	text-decoration : underline;
	border-left     : 3px solid #cc6666;
}

.Scrapbooks li{
	background : none;
	list-style : none;
	padding    : 5px 0px;
}

/*--------------------------------------------------------------------- Download*/

.downloads dt{
	text-align    : left;
	padding       : 5px 20px 0px 20px;
	margin        : 0px 10px;
	border-left   : 5px solid  #999999;
	border-right  : 5px solid  #999999;
	border-top    : 1px dashed #999999;
	border-bottom : 1px dashed #999999;
}

.downloads dd{
	padding     : 5px 10px 35px 15px;
}

.DownloadPageTitle {
	position       : relative;
	width          : auto;
	font-family    : 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
	font-weight    : normal;
	letter-spacing : 0em;
	font-size      : 10pt;
	text-align     : center;
	padding-top    : 15px;
	padding-bottom : 20px;
}

.DownloadPageTitle h1{
	position       : relative;
	font-family    : 'NovecentowideLightRegular', sans-serif;
	font-weight    : normal;
	font-size      : 10pt;
	display        : block;
	letter-spacing : 0.01em;
}

.downloads h2{
	text-align  : center;
	font-weight : normal;
}

.accordion h3{
	border-bottom  : 1px dotted #666666;
	line-height    : 170%;
	padding-top    : 0.01em;
	padding-bottom : 0.01em;
	font-size      : 13pt;
	font-weight    : normal;
	padding        : 5px 2px;
}

.accordion_comment p,
.accordion_comment ul{
	padding-top    : 0.25em;
	padding-bottom : 0.25em;
	padding-left   : 12em;
	padding-right  : 0.5em;
}
.accordion_comment li > ul  {
	padding-left    : 0em;
}
.accordion_comment li > ul > li {
	font-size       : 10.5pt;
	padding-left    : 0em;
	list-style-type : none;
	background      : none;
}
.accordion_comment fieldset {
	margin-left : 12em;
}
.accordion_comment fieldset > ul{
	padding-left : 0.2em;
}
.head_downloads{
	margin-left : 20px;
}


/*---------------------------------------------------------------------Products*/
table.shoptlist{
	width            : 90%;
	border-spacing   : 0;
	*border-collapse : collapse;
	border           : solid 2px #888888;
	margin-left      : auto;
	margin-right     : auto;
}

.shoptlist tr td {
	padding    : 4px 4px;
	text-align : center;
}

.shoptlist th:first-child {
	-moz-border-radius    : 10px 0 0 0;
	-webkit-border-radius : 10px 0 0 0;
	-o-border-radius      : 10px 0 0 0;
	-ms-border-radius     : 10px 0 0 0;
}

.shoptlist th:last-child {
	border-radius : 0 10px 0 0;
}

.shoptlist tr:last-child td:first-child {
	border-radius: 0 0 0 10px;
}

.shoptlist tr:last-child td:last-child {
	border-radius : 0 0 10px 0;
}

.shoptlist th {
	border-right    : solid 1px #cccccc;
	border-bottom   : solid 1px #888888;
	border-left     : solid 1px #888888;
	border-top      : none 0px #cccccc;
}

.shoptlist td {
	border-right    : solid 1px #cccccc;
	border-bottom   : solid 1px #888888;
	border-left     : solid 1px #888888;
	border-top      : none 0px #cccccc;
}

.shoptlist th {
	font-weight     : bold;
	border-bottom   : double 3px #888888;
}
.shoptlist h3 {
	font-weight     : normal;
}
.workname{
	font-weight      : bold;
	border-right     : double 3px #888888!important;
}

.smd_imgcaption {
	text-align       : center;
}
.smd_history_captiopn {
	font-size        : 9pt;
}

table.smd_player_small_table{
	border-spacing   : 0;
	*border-collapse : collapse;
	border           : solid 2px #888888;
	margin-left      : 2em;
	margin-right     : 2em;
	width            : 90%;
}

.smd_player_small_table tr,
.smd_player_small_table td,
.smd_player_small_table th{
	padding    : 1px 15px;
	text-align : center;
}

.smd_player_small_table th {
	border-right    : double 3px #888888;
	border-bottom   : solid 1px #888888;
	border-left     : solid 1px #888888;
	border-top      : none 0px #cccccc;
	white-space     : nowrap;
	width           : 100px;
}
.smd_player_small_table_label {
	font-weight     : bold;
}
.smd_player_small_table td {
	border-right    : solid 1px #cccccc;
	border-bottom   : solid 1px #888888;
	border-left     : solid 1px #888888;
	border-top      : none 0px #cccccc;
}

/*---------------------------------------------------------------------Products_Each*/
.Products_GameTitleCom_400px{
	position : relative;
	height   : 400px;
}

.Products_GameTitleCom_320px{
	position : relative;
	height   : 320px;
}

.Products_GameTitleCom_280px{
	position : relative;
	height   : 280px;
}

.Products_GameTitleCom_240px{
	position : relative;
	height   : 240px;
}
.Products_GameTitleCom_400px p,
.Products_GameTitleCom_320px p,
.Products_GameTitleCom_280px p,
.Products_GameTitleCom_240px p{
	position    : absolute;
	bottom      : 0px;
	line-height : 130%;
}