@charset "utf-8";

/* -----------------------------------------------------
	01. main
----------------------------------------------------- */
body{
	font-family:'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin:0px;
	padding:0px;
	color:#333333;
	background-image:url(/images/bk_contents.png);
	background-repeat:no-repeat;
	
}

h1{
	margin:0px;
}


.fc_r{ color:#C00 !important;
}

ul{
	margin-left:0px;
	padding-left:0px;
}



li{
	list-style-type:none;
	margin-right:10px;
}

li.c{list-style-type:circle;
margin-top:5px;
margin-left:38px;
}

#wrap{
	width:100%;
	margin:0px;
}

#container{
	width:100%;
	margin:0px 0px 0px 0px;
}



#footer{
	width:100%;
	background-color:#666;
	color:#FFF;
}

.clear{clear:both;}

div.navi{
	background-color:#333;
	text-align:center;
	font-size:14px;
	padding:10px auto;
	color:#FFF;
}



@media screen and (min-width: 599px)  {
#wrap #container .sp_header,
.hide_pc{
	display:none;
}

ul.list{
	margin-left:30px;
}



li.menu {
     box-shadow:5px 5px 2px -2px #999999;
     border:0px solid #999;
     width:200px;
     height:25px;
	 list-style-type:none;
	 font-size:20px;
	 margin-bottom:40px;
	 padding-left:20px;
} 


#wrap #container .logo{
position: absolute;
top: 0px;
right: 50px;
z-index: 10;
}


p.lead{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-left:40px;
	line-height:1.5;
	margin-top:80px;
}

p.lead_end{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-left:40px;
	line-height:1.5;
	margin-top:20px;
	margin-bottom:50px;
}

.item_box{
	width:100%;
	height:170px;
	background-image:url(/images/bk.jpg);
	background-repeat:repeat-x;
	background-color:#900;
	margin-top:60px;
    font-family: 'Barlow Semi Condensed', sans-serif;
	font-family: 'Ubuntu', sans-serif;
}

.item_box span.lineup{
position: relative;
top: 10px;
left: 60px;
font-size: 400%;
	color:#FFF;
	z-index: 10;
}

.item_box .item{
	float:right;
}

.item_box p.caption{
	font-size:14px;
	color:#FFF;
	margin:0px auto;
	text-align:center;
}

.tainai_logo{
	position: absolute;
top: 430px;
right: 123px;
z-index: 10;
}

.tainai_logo.val_company{
    position: absolute;
    top: 527px;
    right: 127px;
    z-index: 10;
}

.tainai_logo.val_access{
    position: absolute;
    top: 433px;
    right: 127px;
    z-index: 10;
}

p.logo_text_company{
position: absolute;
top: 360px;
right: 40px;
z-index: 10;
font-size: 28px;
color: #c00;
text-align: center;
}

p.logo_text_access{
position: absolute;
top: 360px;
right: 95px;
z-index: 10;
font-size: 28px;
color: #c00;
text-align: center;
}

p.logo_text_index {
    position: absolute;
    top: 350px;
    right: 110px;
    z-index: 10;
    font-size: 28px;
    color: #c00;
    text-align: center;
}

h2{
	margin:20px 0px;
	color:#c00;
	font-size:28px;
}

#contents_area{
	margin-left:30px;
	width:60%;
}

.c_text{
	margin-left:40px;
}

table.tw{
	width:70%;
}

.map{
	width:600px;
	height:450px;
}
}



@media screen and (max-width: 598px)  {
#wrap #container .logo,
.hide_sp,
.tainai_logo,
p.logo_text_company,
p.logo_text_index,
p.logo_text_access
{
	display:none;
}

ul.list{
	margin-left:10px;
}


.map{
	width:100%;
	margin-bottom:30px;
}

.c_text{
	margin-left:0px;
}

table.tw{
	width:90%;
}

#wrap #container .sp_header{
	background:#ffffff;
	text-align:center;
	z-index:2;
	border-bottom:#999 solid 1px;
	padding:5px;
	vertical-align:middle;
	
}

li.menu {
	 text-decoration:underline;
	 list-style-type:none;
	 font-size:20px;
	 margin:0px 0px 10px 0px;
	 font-weight:bold;
	 padding:0px;

} 

p.lead{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:20px 10px 10px 10px;
	line-height:1.5;
	font-size:16px;
}

p.lead_end{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:10px 10px 20px 10px;
	line-height:1.5;
	font-size:16px;
}

.item_box{
	width:100%;
	background-color:#900;
    font-family: 'Barlow Semi Condensed', sans-serif;
	font-family: 'Ubuntu', sans-serif;
	text-align:center;
	padding-bottom:15px;
}

.item_box span.lineup{
	color:#FFF;
	padding:10px auto;
	text-align:center;
	font-size: 20px;
	margin-bottom:10px;
}

.item_box p.caption{
	font-size:14px;
	color:#FFF;
	margin:0px auto 10px auto;
	text-align:center;
}

h2{
	margin:20px 0px;
	color:#c00;
	font-size:20px;
}

#contents_area{
	margin-left:10px;
	margin-right:10px;
	width:98%;
}
}

/* -----------------------------------------------------
	03. Margin Style
----------------------------------------------------- */

.mb_0 { margin-bottom:0px  !important; }
.mb_5 { margin-bottom:5px  !important; }
.mb_10{ margin-bottom:10px !important; }
.mb_15{ margin-bottom:15px !important; }
.mb_20{ margin-bottom:20px !important; }
.mb_25{ margin-bottom:25px !important; }
.mb_30{ margin-bottom:30px !important; }
.mb_40{ margin-bottom:40px !important; }
.mb_50{ margin-bottom:50px !important; }
.mb_100{ margin-bottom:100px !important; }

.mt_0{ margin-top:0 !important; }
.mt_5{ margin-top:5px !important; }
.mt_10{ margin-top:10px !important; }
.mt_15{ margin-top:15px !important; }
.mt_20{ margin-top:20px !important; }
.mt_25{ margin-top:25px !important; }
.mt_30{ margin-top:30px !important; }
.mt_35{ margin-top:35px !important; }
.mt_40{ margin-top:40px !important; }
.mt_100{ margin-top:100px !important; }

.mr_0 { margin-right:0  !important; }
.mr_5 { margin-right:5px  !important; }
.mr_10 { margin-right:10px  !important; }
.mr_15 { margin-right:15px  !important; }
.mr_20 { margin-right:20px  !important; }
.mr_25 { margin-right:25px  !important; }
.mr_30 { margin-right:30px  !important; }
.mr_40 { margin-right:40px  !important; }
.mr_80 { margin-right:80px  !important; }
.mr_90 { margin-right:90px  !important; }

.ml_0 { margin-left:0px  !important; }
.ml_5 { margin-left:5px  !important; }
.ml_10 { margin-left:10px  !important; }
.ml_15 { margin-left:15px  !important; }
.ml_20 { margin-left:20px  !important; }
.ml_30{ margin-left:30px !important; }
.ml_35{ margin-left:35px !important; }
.ml_40{ margin-left:40px !important; }
.ml_75{ margin-left:75px !important; }
.ml_140{ margin-left:140px !important; }
.ml_155{ margin-left:155px !important; }
.ml_200{ margin-left:200px !important; }
.ml_260{ margin-left:260px !important; }
.ml_490{ margin-left:490px !important; }

/* -----------------------------------------------------
	04. Align Style
----------------------------------------------------- */

.a_l{ text-align:left   !important; }
.a_c{ text-align:center !important; }
.a_r{ text-align:right  !important; }

.v_t{ vertical-align:top    !important; }
.v_m{ vertical-align:middle !important; }
.v_b{ vertical-align:bottom !important; }



/* -----------------------------------------------------
	05. Float
----------------------------------------------------- */
.f_r {
float:right;
}

.f_l {
float:left;
}


/* -----------------------------------------------------
	06. Font Size Style
----------------------------------------------------- */
.fs_8{ font-size:60%; line-height:1.1;  !important; }
.fs_9{ font-size:66%  !important; }
.fs_10{ font-size:72%  !important; }
.fs_11{ font-size:79%  !important; }
.fs_12{ font-size:86%  !important; }
.fs_13{ font-size:93%  !important; }
.fs_14{ font-size:100% !important; }
.fs_15{ font-size:108% !important; }
.fs_16{ font-size:115% !important; }
.fs_17{ font-size:122% !important; }
.fs_18{ font-size:129% !important; }
.fs_20{ font-size:143% !important; }
.fs_22{ font-size:157% !important; }
.fs_24{ font-size:171% !important; }

/* -----------------------------------------------------
	07. Font Weight Style
----------------------------------------------------- */

.f_normal{ font-weight:normal  !important; }
.f_bold{ font-weight:bold !important; }


/* -----------------------------------------------------
	08. Padding Style
----------------------------------------------------- */

.pt_5{ padding-top:5px !important; }
.pt_10{ padding-top:10px !important; }
.pt_15{ padding-top:15px !important; }
.pt_20{ padding-top:20px !important; }
.pt_25{ padding-top:25px !important; }
.pt_30{ padding-top:30px !important; }
.pt_35{ padding-top:35px !important; }
.pt_40{ padding-top:40px !important; }

.pb_0{ padding-bottom:0px !important; }
.pb_5{ padding-bottom:5px !important; }
.pb_10{ padding-bottom:10px !important; }
.pb_15{ padding-bottom:15px !important; }
.pb_20{ padding-bottom:20px !important; }
.pb_25{ padding-bottom:25px !important; }
.pb_30{ padding-bottom:30px !important; }
.pb_35{ padding-bottom:35px !important; }
.pb_40{ padding-bottom:40px !important; }


/* -----------------------------------------------------
	02. Link
----------------------------------------------------- */
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active{
color:#333333;
text-decoration:none;
}

div.navi a,
div.navi a:link,
div.navi a:visited,
div.navi a:hover,
div.navi a:focus,
div.navi a:active{
color:#ffffff;
text-decoration:underline;
}


.item_box a,
.item_box a:link,
.item_box a:visited,
.item_box a:hover,
.item_box a:focus,
.item_box a:active{
color:#FFFFFF;
text-decoration:underline;
}