/* COMMON
---------------------------------------------------------- */
html {-webkit-text-size-adjust: none;}
linehtml, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:140%;
	border:0;
	background:transparent;
	font-weight:normal
}

img {vertical-align:bottom}
img.wide {width: 480px;}
img.narrow{width: 320px;}
a {
text-decoration: none;
cursor: pointer;
color: #9b9b9b;
}
td, p, div, span, input, textarea {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
color: #9b9b9b;
line-height: 130%;
text-align: left;
}
body {
background-color: #1c1c1c;
font-size: 76.1%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

color: #666666;
}


/* Layout 
----------------------------------------------------------*/
/* main 
-----------------------*/
#mainimage{
	width: 100%;
	position: relative;
	background-color:#0e0000;
	text-align:center;
}

#contents{
	width: 100%;
	position: relative;
	background-color:#000;
	text-align:center;
}
#header {
	background-image:url(../img/header_bg.jpg);
	background-repeat:repeat-x;
	-webkit-background-size: 5px 32px;
	height: 32px;
	position: relative;
}
#header .hbtn {
	margin:0px;
	float: right;
	height:32px;
	width: auto;
}
#header .logo {
	margin:0px;
	float: left;
	height:32px;
	width: auto;
}


/* Line Style
-----------------------*/
.line01{
	background-image:url(../img/line01.png);
	background-repeat:repeat-x;
	height:14px;
}
.line02_h{
	background-image:url(../img/line02_h.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:12px;
	background-color:#000;
}
.line02_b{
	background-image:url(../img/line02_b.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:13px;
	background-color:#000;
}
.line1px{
	height:1px;
	background-color:#323232;
	width:100%;
}
.line-deco01{
	height:4px;
	width:150px;
	background-color:#323232;
}

/* BOX
-----------------------*/
#box01{
	background-color:#0e0000;
	padding:7px 7px 7px 7px;
	text-align:center;
	margin:0 auto;
}
#social-box{
	padding:15px 0 15px 0;
	margin:0 auto;
	width:320px;
	text-align:center;
	overflow:hidden;
	display:block;
}
#social-box .box-inner-r{
	float: right;
	margin-right:4%;
	
}
#social-box .box-inner-l{
	float: left;
	margin-left:4%;
}
.cont-center-box{
	width: 100%;
	position: relative;
	text-align:center;
}
.outer_box{
	margin: 0 0 30px;
	padding: 0 18px 0 12px;
}


/* flick
-----------------------*/
#flickbox01{
	margin:0 auto;
	width:245px;
	overflow:hidden;
	left:-1px;
}
.flickSimple {
	/*float:left; 左右にボタンのある時*/
	width: 320px;
	position: relative;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: ;
}
.flickSimple.landscape {
	width: 480px;/**/
}
.flickSimple ul {
	display: block;
	margin: 0;
	padding: 0;
}
.flickSimple ul.landscape {
}
.flickSimple ul li {
	float: left;
	list-style-type: none;
	text-align: center;
}
.flickSimple ul li.landscape {
}

#flickable1,
#flickable1.landscape {
	width: 100%;
	padding: 0px 0 3px 0px;
}
#flickable1 ul.landscape,
#flickable1 ul {
	width: 200%;
}
#flickable1 ul li {
	width: 245px;
}

.flickableControl {
	overflow: hidden;
}
#flickableNavi {
	text-align: center;
}
.nextbtn {
	display: block;
	float: right;
	margin-left:5px;
	margin-top:17px;
}
.backbtn {
	display: block;
	float: left;
	margin-right:5px;
	margin-top:17px;
}
.nextbtn.inactive,
.backbtn.inactive {
	opacity : 0.3;
}
.indicator {
	position: relative;
	overflow: hidden;
	width: 13px;
	height: 5px;
	background: url(../img/indicater_bg.png) repeat-x left top;
	margin: 10px auto 0 auto;
}
.indicator img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}


/* List type 
----------------------------------------------------------*/
ul{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
li{list-style:none;}
/**------------------------------*/
.listtype-tap-01 {
	border-top:1px solid #6d61a2
}

.listtype-tap-01 {
	-webkit-box-shadow:0 0 0 #4e5c84, 0 0 0 #4e5c84;
	color:#000074;
	height:44px;
	line-height:44px;
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #b7bbe6), color-stop(1, #fff))
}
.listtype-tap-01 {
	-webkit-box-shadow:inset 0 -0.03em .03em #332966, inset 0 .03em .03em #6351bc;
	background:#3434a7
}
.listtype-tap-01 {
	position:relative;
	border-bottom:1px solid #332966;
	-webkit-box-shadow:inset 0 -1px 1px #463d6f, inset 0 1px 1px #332966;
	padding:0;
	display:block;
	-webkit-box-sizing:border-box;
	background:#483f73;
	text-align:right;
	color:#FFF;
	height:44px;
	line-height:44px;
	font-weight:bold
}
.bgnone .listtype-tap-01 {
	background:0;
	-webkit-box-shadow:none;
	border:0
}
/* List type  tap-02
--------------------------------------------*/
.listtype-tap-02 { 
margin:0; 
padding:0;
font-size:10px;
}
.listtype-tap-02 li { 
height:94px; 
margin:0; 
padding:0; 
list-style:none; 
background:#3b3b3b url('../../img/bg_listline.gif') 0 100% repeat-x; 
}
.listtype-tap-02 a { 
position:relative; 
display:block; 
height:92px;
color:#999;
padding:0 25px 0 125px; 
background:url('../../img/ico_arrowr2.gif') 100% 50% no-repeat;
}
.listtype-tap-02 img { 
position:absolute; 
left:12px; 
top:12px; 
}
.listtype-tap-02 strong { 
margin-left: 0; 
margin-bottom: 1px; 
margin-right: 0; 
margin-top: 12px; 
text-shadow: 0px 1px 0px #191919;
display:inline-block; 
font:bold 16px Arial "ヒラギノ角ゴ Pro W3"; 
color:#999;
}
.listtype-tap-02 em { 
display:block; 
font:12px Arial; 
color: #838383;  
}
.listtype-tap-02 .dark { 
background-color:#2d2d2d; 
}
.listtype-tap-02 .dark a { 
background-image:url('../../img/ico_arrowr2.gif');
}
/**------------------------------*/
.listtype-tap-03 {
	border-top:1px solid #323232
}
.listtype-tap-03 {
	position:relative;
	border-bottom:1px solid #000;
	-webkit-box-shadow:inset 0 -5px 10px #000, inset 0 0 10px 6px #1e1e1e;
	padding:0;
	display:block;
	-webkit-box-sizing:border-box;
	background:#060606;
	text-align:right;
	color:#cdcdcd;
	height:44px;
	line-height:44px;
	font-weight:bold
}
.bgnone .listtype-tap-03 {
	background:0;
	-webkit-box-shadow:none;
	border:0
}
/**------------------------------*/
/*アイコン画像*/
.decoration-sprites {
	display:inline-block;
	background-image: url(../img/taparrow_bl.png);
	background-repeat:no-repeat;
}
/*テキストポジション*/
.inner-go {
	text-align:right;
	padding:0 27px
}
.inner-tap {
	text-align:left;
	padding:0 0 0 18px
}
.inner-point {
	text-align:left;
	padding:0 0 0 38px
}
/*アイコンの位置指定*/
.decoration-sprites {
	background-position:0px 1px /*高さなど*/
}
.decoration-sprites {
	content:"";
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-25px;
	margin-top:-7px;
	height:13px;
	width:9px;
	display:block
}
.inner-point>.decoration-sprites {
	background-position:0px 1px
}
.inner-point>.decoration-sprites {
	content:"";
	position:absolute;
	left:18px;
	top:50%;
	margin-top:-25px;
	margin-top:-7px;
	height:13px;
	width:9px;
	display:block
}
/**------------------------------*/

.listtype-tap-02 { 
margin:0; 
padding:0; 
}
.listtype-tap-02 li { 
height:94px; 
margin:0; 
padding:0; 
list-style:none; 
background:#3b3b3b url('../img/bg_listline.gif') 0 100% repeat-x; 
}
.listtype-tap-02 a { 
position:relative; 
display:block; 
height:92px; 
padding:0 25px 0 125px; 
background:url('../img/ico_arrowr2.gif') 100% 50% no-repeat;
}
.listtype-tap-02 img { 
position:absolute; 
left:12px; 
top:12px; 
}
.listtype-tap-02 strong { 
margin-left: 0; 
margin-bottom: 1px; 
margin-right: 0; 
margin-top: 12px; 
text-shadow: 0px 1px 0px #191919;
display:inline-block; 
font:bold 18px Arial; 
color:#999;
}
.listtype-tap-02 em { 
display:block; 
font:12px Arial; 
color: #838383;  
}
.listtype-tap-02 .dark { 
background-color:#2d2d2d; 
}
.listtype-tap-02 .dark a { 
background-image:url('../img/ico_arrowr2.gif');
}
/* Font type
----------------------------------------------------------*/
.title01 {
color: #292929;
font: bold 56px/48px "Helvetica Neue", Arial, Helvetica;
margin: 0 0 32px;
padding: 0 0 0 12px;
text-transform: uppercase;
letter-spacing: -2px;
}
.title02 {
margin: 10px 0 15px;
padding: 0 0px 0 0px;
font-weight: bold;
font-size: 16px;
letter-spacing: -1px;
line-height:1.5;
}
.textbox {
margin: 0 0 30px;
padding: 0 18px 0 40px;
}
.font-lineh{
	line-height:1.8;
}
.fild01 {
width: 80px;
font: 12px Arial;
color: #666666;
margin: 0;
}
.fild02 {
font-size: 14px;
padding: 0 0 10px;
margin: 0;
}
.contents {
padding-left: 40px;
margin-bottom: 30px;
font-size: 14px;
padding-right: 12px;
}
.contents span {
color: #f15500;
}
h2 {
color: #7db038;
font-size: 22px;
line-height: 57px;
text-align: center;
}
h3 {
color: #7DB038;
font-size: 14px;
font-weight: normal;
}
h2 {
color: #9b3600;
font-size: 12px;
font-weight: normal;
}
#title{
display:block;
padding-left: 12px;
}

/* footer
----------------------------------------------------------*/
#foot {
background: url(../../img/footer_bg3.png) repeat-x 0 0;
text-align: center;
font:11px Arial;
color: #9e2404;
background-color: #d43616;
margin: 0px;
padding: 15px;
}

#foot a {
font-weight: bold;
font-size: 14px;	
color: #9e2404;
}
#foot2 {
background: url(../../img/footer_bg_bl.png) repeat-x 0 0;
text-align: center;
font:11px Arial;
font-family: Helveltica, Arial;
color: #d9d9d9;
background-color: #23201e;
margin: 0px;
padding: 15px;
}

#foot2 a {
font-weight: bold;
font-size: 14px;	
color: #d9d9d9;
}