#subpage {
	width:100%;
	padding:30px 0;
	background:url(../image/shadow.jpg) repeat-x top;
}
#subpage:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}


/*====================================================================================================
  VIDEO
====================================================================================================*/



#video_box {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}
#container {  
	width: 100%;
	margin: 0 auto;
	position: relative;
}


/* ITEM1 */
.item { margin:10px;}
.item b {
	display:block;
	width:100%;
	height:200px;
	text-indent:-9999px;
}
.item b a { display:block; width:100%; height:200px;}
.item.x1 { width:300px; height:200px;}
.item.x2 { width:620px; height:200px;}
.item.bo { width:98%; height:23px;}
.item.bo2 { display:none; width:98%; height:23px;}

.sm { display:none;}


/* PC—p AREA TITLE */
.item.new {	background: #718BC6 url(../../image/todohuken/new.png) no-repeat center;}
.item.ti1 { background: #1E0000 url(../../image/todohuken/48_miyagi.png) no-repeat center;}
.item.ti2 { background: #1E0000 url(../../image/todohuken/48_ehime.png) no-repeat center; }
.item.ti3 { background: #1E0000 url(../../image/todohuken/48_kochi.png) no-repeat center; }
.item.ti4 { background: #1E0000 url(../../image/todohuken/48_oita.png) no-repeat center; }
.item.ti5 { background: #1E0000 url(../../image/todohuken/48_kagosima.png) no-repeat center; }
.item.ti6 { background: #1E0000 url(../../image/todohuken/48_ishikawa.png) no-repeat center; }
.item.ti7 { background: #1E0000 url(../../image/todohuken/48_miyagi.png) no-repeat center; }
.item.ti8 { background: #1E0000 url(../../image/todohuken/48_hiroshima.png) no-repeat center; }
.item.ti9 { background: #1E0000 url(../../image/todohuken/48_hokkaido.png) no-repeat center; }


/* SM—p AREA TITLE */
.item.ti1_sm,
.item.ti2_sm,
.item.ti3_sm,
.item.ti4_sm,
.item.ti5_sm,
.item.ti6_sm,
.item.ti7_sm,
.item.ti8_sm,
.item.ti9_sm
 { display:none;}


/* LINE */
.item.bo { text-indent:-9999px; background:#FFF url(../../image/todohuken/bo.jpg) no-repeat center; }
.item.bo2 { text-indent:-9999px; background:#FFF url(../../image/todohuken/bo.jpg) no-repeat center; }


/* ITEM BACKGROUND*/

.bg1 { background:url(../../image/todohuken/1.jpg) no-repeat center;}
.bg1 b {background:url(../../image/todohuken/1_txt.png) no-repeat center;}

.bg2 { background:url(../../image/todohuken/2.jpg) no-repeat center;}
.bg2 b {background:url(../../image/todohuken/2_txt.png) no-repeat center;}

.bg3 { background:url(../../image/todohuken/3.jpg) no-repeat center;}
.bg3 b {background:url(../../image/todohuken/3_txt.png) no-repeat center;}

.bg4 { background:url(../../image/todohuken/4.jpg) no-repeat center;}
.bg4 b {background:url(../../image/todohuken/4_txt.png) no-repeat center;}

.bg5 { background:url(../../image/todohuken/5.jpg) no-repeat center;}
.bg5 b { background:url(../../image/todohuken/5_txt.png) no-repeat center;}

.bg6 { background:url(../../image/todohuken/6.jpg) no-repeat center;}
.bg6 b {background:url(../../image/todohuken/6_txt.png) no-repeat center;}

.bg7 { background:url(../../image/todohuken/7.jpg) no-repeat center;}
.bg7 b {background:url(../../image/todohuken/7_txt.png) no-repeat center;}

.bg8 { background:url(../../image/todohuken/8.jpg) no-repeat center;}
.bg8 b {background:url(../../image/todohuken/8_txt.png) no-repeat center;}

.bg9 { background:url(../../image/todohuken/9.jpg) no-repeat center;}
.bg9 b { background:url(../../image/todohuken/9_txt.png) no-repeat center;}

.bg10 { background:url(../../image/todohuken/10.jpg) no-repeat center;}
.bg10 b {background:url(../../image/todohuken/10_txt.png) no-repeat center;}

.bg11 { background:url(../../image/todohuken/11.jpg) no-repeat center;}
.bg11 b { background:url(../../image/todohuken/11_txt.png) no-repeat center;}

.bg12 { background:url(../../image/todohuken/12.jpg) no-repeat center; }
.bg12 b {background:url(../../image/todohuken/12_txt.png) no-repeat center;}

.bg13 { background:url(../../image/todohuken/13.jpg) no-repeat center;}
.bg13 b { background:url(../../image/todohuken/13_txt.png) no-repeat center;}

.bg14 { background:url(../../image/todohuken/14.jpg) no-repeat center; }
.bg14 b {background:url(../../image/todohuken/14_txt.png) no-repeat center;}

.bg15 { background:url(../../image/todohuken/15.jpg) no-repeat center; }
.bg15 b {background:url(../../image/todohuken/15_txt.png) no-repeat center;}

.bg16 { background:url(../../image/todohuken/16.jpg) no-repeat center; }
.bg16 b {background:url(../../image/todohuken/16_txt.png) no-repeat center;}

.bg17 { background:url(../../image/todohuken/17.jpg) no-repeat center; }
.bg17 b {background:url(../../image/todohuken/17_txt.png) no-repeat center;}

.bg18 { background:url(../../image/todohuken/18.jpg) no-repeat center; }
.bg18 b {background:url(../../image/todohuken/18_txt.png) no-repeat center;}


/*====================================================================================================
  AREA
====================================================================================================*/

#area {
	clear:both;
	margin:0 !important;
	width:100%;
	height:auto !important;
	padding:13px 0 !important;
	background:#1E0000;
}
#area ul {
	margin:0 auto;
	width:940px;
}
#area ul:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#area ul li { float:left;}
#area ul li a {
	padding:0 28px 0 15px;
	width:auto !important;
	height:auto !important;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background:url(../image/back-arrow.png) no-repeat left center; 
}
#area ul li a:hover { color:#718BC6;}

#subpage #area  {
	margin:30px 1% !important;
	width:98% !important;
}
#subpage #area ul { width:900px;}



@media only screen and (max-width:960px){
	.item { margin:1% !important;}
	.item.x1 { width:48%; height:200px;}
	.item.x2 { width:48%; height:200px;}
	
	.item.ti1_sm,
	.item.ti2_sm,
	.item.ti3_sm,
	.item.ti4_sm,
	.item.ti5_sm,
	.item.ti6_sm,
	.item.ti7_sm,
	.item.ti8_sm,
	.item.ti9_sm { display:none !important;}
	
	.item.ti1_sm,
	.item.ti2_sm,
	.item.ti3_sm,
	.item.ti4_sm,
	.item.ti5_sm,
	.item.ti6_sm,
	.item.ti7_sm,
	.item.ti8_sm,
	.item.ti9_sm  {
		display:block;
		width:98% !important;
		height:70px !important;
	}
	.item.ti1_sm { background:url(../../image/todohuken/ti1_sm.png) no-repeat center; }
	.item.ti2_sm { background:url(../../image/todohuken/ti2_sm.png) no-repeat center; }
	.item.ti3_sm { background:url(../../image/todohuken/ti3_sm.png) no-repeat center; }
	.item.ti4_sm { background:url(../../image/todohuken/ti4_sm.png) no-repeat center; }
	.item.ti5_sm { background:url(../../image/todohuken/ti5_sm.png) no-repeat center; }
    .item.ti6_sm { background:url(../../image/todohuken/ti6_sm.png) no-repeat center;}
    .item.ti7_sm { background:url(../../image/todohuken/ti7_sm.png) no-repeat center;}
    .item.ti8_sm { background:url(../../image/todohuken/ti8_sm.png) no-repeat center;}
	.item.ti9_sm { background:url(../../image/todohuken/ti9_sm.png) no-repeat center;}
	
.sm {display:block;}
.pc {display:none;}



}
@media only screen and (max-width:500px){
	.item.x1  { width:98%; height:200px;}
	.item.x2 { width:98%; height:200px;}
	.item.new { height:80px;}
}