@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500);

/*//////////////////////////////////////////////////////////

	1: Application all
	2: Flame layout
	3: Decoration
	
//////////////////////////////////////////////////////////*/

/*=========================================================

	Application all

==========================================================*/

html,body{
	text-align:center;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
}

body{
	color:#333;
	width:100%;
	background:#fff;
}


table{
	text-align:left;
	font-size:100%;
}


a{text-decoration:underline; color:#000;}
a:hover{text-decoration:none;}

img{
	vertical-align:bottom;
	border:0;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	margin:0;
}

form,p,dl,dd,figure{
	padding:0;
	margin:0;
}

input,select,textarea{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
	font-size:100%;
}

hr{
	display:none;
	clear:both;
	color:#000;
	height:1px;
	padding:0;
	margin:0;
	border:0;
	background-color:#000;
}

hr.news{
	display:block;
	clear:both;
	height:1px;
	padding:0;
	margin:0;
	border:0;
	background-color:#d3d3d3;
}

address,em{
	font-style:normal;
}





/*=========================================================

	Flame layout

==========================================================*/

#layout{
	width:100%;
	font-size:80%;
}

#container{
	overflow:hidden;
	position:relative;
	text-align:left;
	width:940px;
	margin:0 auto;
}

#contents{
	clear:left;
	float:left;
	width:669px;
	margin:25px 0 50px 0;
	/*margin:8px 0 50px 0;*/
}


#contents-wide{
	clear:both;
	width:940px;
	padding-top:30px;
	margin:0 0 50px 0;
}


#side{
	float:right;
	width:241px;
	margin:160px 0 50px 0;
}
#index #side{margin-top:30px;}

#footer{
	clear:both;
	text-align:center;
	width:100%;
	padding:50px 0;
	background:url('../img/back_footer.gif') 0 0 #eee;
}

#footer-inner{
	overflow:hidden;
	text-align:left;
	width:940px;
	margin:0 auto;
}







/*=========================================================

	Decoration

==========================================================*/

/*== Header ==============================================*/

h1{
	float:left;
	width:217px;
	height:97px;
	padding-top:50px;
}

ul#navigation{
	float:right;
	list-style:none;
	text-align:right;
	width:723px;
	padding:125px 0 0 0;
	margin:0;
}

ul#navigation li{
	display:inline-block;
	padding-right:0.5em;
}
ul#navigation li:after{
	content:"／";
	padding-left:0.5em;
}

ul#navigation li:last-child{
	padding:0;
	margin:0;
}
ul#navigation li:last-child:after{
	content:"";
	padding:0;
}



/*== contents ============================================*/

ol.crumb{
	list-style:none;
	line-height:1;
	font-size:85%;
	padding:0;
	margin:0 0 30px 0;
}

ol.crumb li{
	display:inline-block;
	color:555;
	margin-right:15px;
}

ol.crumb li a{
	position:relative;
	display:inline-block;
	text-decoration:none;
	color:#eee;
	padding:7px 10px;
	background:#000;
}
ol.crumb li a:after{
	content:"»";
	position:absolute;
	display:block;
	top:5px;
	right:-15px;
	color:#555;
}
ol.crumb li a:hover{
	background:#333;
}



h2#pagetitle{
	position:relative;
	line-height:98px;
	text-indent:30px;
	font-size:350%;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	width:940px;
	height:98px;
	margin:0 -271px 30px 0;
	border:1px dotted #000;
	border-width:1px 0;
}
h2#pagetitle span{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:30%;
	color:#555;
	margin-top:-10px;
}

#contents-wide h2#pagetitle{
	margin:0 0 30px 0;
}


.section{
	margin-top:100px;
}
h2+.section{margin-top:0;}

.section-title{
	line-height:1;
	font-size:150%;
	padding-top:20px;
	margin-bottom:20px;
	border-top:3px solid #000;
}


span.img-shadow{
	display:inline-block;
	border:1px solid #fff;
	margin:5px;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
}


a.btn-primary{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	font-size:150%;
	color:#fff;
	padding:20px 100px;
	margin:30px 0 0 0;
	background:#000;
}
a.btn-primary:after{
	content:"»";
	margin-left:5px;
}

a.btn-primary:hover{
	background:#333;
}





/*== side ============================================*/

ul#sidenavi,
ul.voice-list{
	list-style:none;
	padding:0;
	margin:0;
}

ul#sidenavi li,
ul.voice-list li{
	width:241px;
	margin-bottom:1px;
}

ul#sidenavi li a{
	display:block;
	text-decoration:none;
	color:#eee;
	padding:15px 30px;
	background:#000;
}
ul#sidenavi li a:hover{background:#333;}



ul.voice-list li{
	width:231px;
	height:72px;
	padding:5px;
	background:#e7e7e7;
}

ul.voice-list li img{
	float:left;
	display:block;
	margin-right:20px;
	border:1px solid #fff;
}

ul#sidenavi li a.hoikublog {
	background-image: url(../img/blog.jpg);
	background-repeat: no-repeat;
	height: 69px;
	padding: 0px;
	text-indent: -9999px;
	margin-top: -1px;
}




/*== footer ==============================================*/

#footer h2{
	line-height:1;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:150%;
}


#footer-brandindex{
	float:right;
	width:470px;
	height: 285px;
	background-image: url(../img/footer_logo.png);
	text-indent: -9999px;
}

/*
#footer-brandindex ul{
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
}

#footer-brandindex ul li{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	margin-top: 10px;
	
}
*/



#footer-information{
	float:left;
	width:300px;
}

#footer-information p{
	margin-top:10px;
}

a#usuzawa_misaki {
	position: relative;
	z-index: inherit;
	top:-50px;
	display: block;
	width:669px;
	height:153px;
	background-image: url(../img/usuzawa_misaki_bn.png);
	text-indent: -9999px;
}

a#vr {
	display: block;
	width:669px;
	height:90px;
	background-image: url(../img/360-bn.jpg);
	text-indent: -9999px;
	margin-top: 5px;
}

a#vr:hover {
	background-image: url(../img/360-bn-ho.jpg);
}

a#vr-shosai {
	display: block;
	width:649px;
	font-size: 120%;
	font-weight: bold;
	background-color: #fff;
	margin-bottom: 30px;
	color: #000;
	text-decoration: none;
	text-align: center;
	border-right: 10px solid #000;
	border-bottom: 10px solid #000;
	border-left: 10px solid #000;
	padding: 5px 0 5px 0;
}

a#vr-shosai:hover {
	background-color: #ff0;
}

a#kumamoto {
	position: relative;
	z-index: inherit;
	top:-42px;
	display: block;
	width:669px;
	height:47px;
	background-image: url(../img/kumamoto2.jpg);
	text-indent: -9999px;
}

a#taifu10gou {
	position: relative;
	z-index: inherit;
	top:-46px;
	display: block;
	width:669px;
	height:47px;
	background-image: url(../img/taifu10gou.jpg);
	text-indent: -9999px;
}

a#hamarai {
	position: relative;
	z-index: inherit;
	top:-38px;
	display: block;
	width:669px;
	height:80px;
	background-image: url(../img/top_hamarai.jpg);
	text-indent: -9999px;
}

#IconList3 {
	position: relative;
	z-index: inherit;
	top:-43px;
	width:669px;
	height:47px;
}

/*
h1#TOP {
	display: block;
	width:230;
	height:auto;
	background-image: url(../img/h1.png);
	background-size: 100%;
	text-indent:-9999px;
	background-repeat: no-repeat;
	z-index: 9999;
}
*/

a#flamingo-tv-iwate {
	display: block;
	width:669px;
	height:70px;
	background-image: url(../media/flamingo-tv-iwate-bn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
}
a#flamingo-fezan {
	display: block;
	width:669px;
	height:70px;
	background-image: url(../media/flamingo-fezan.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
}