@charset "utf-8";
/* CSS Document */


/* -------------------------------------------------------------------------
	Set
--------------------------------------------------------------------------*/
body	{
	color:#666666;
	font-size:12px;
	background:#ffffff;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	margin:0 auto;
	padding:0;
	line-height:1.4;
}


a:link { 					/* リンク */
	color: #0078bf;
	text-decoration:underline;
}   
a:visited {                 /* 既に見たリンク */
	color: #0078bf;
	text-decoration:underline;
}
a:active { 					/* クリック時のリンク */
	color: #0099cc;
	text-decoration:none;
}
a:hover {                   /* カーソルが上にある時のリンク */
	color: #0099cc;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6,p	{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
a img	{
	border:none;
	cursor:pointer;
}
address	{
	font-style:normal;
	text-align:right;
	padding:10px 0;
}

/* -------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/

div#header,div#container	{
	clear:both;
	width:1024px;
	_width: 1028px;
	margin:0 auto;
}

/* header */
div#header,div#header .logo,div#header div#carousel	{
	height:189px;
}
div#header	{
	padding-top:10px;
}
div#header .logo	{
	float:left;
	width:212px;
}

/* header 201304~ */
div#header .logo_sp	{
	float:left;
	width:210px; height: 187px;
	overflow: hidden;
	border: 1px solid #00153e;
	background: transparent url(/img/common/logo_bg.gif) no-repeat center center;
	}
div#header .logo_sp	h1 {
	position: relative;
	}
div#header .logo_sp .snsMenu	{
	text-align: center;
	}
div#header .logo_sp .snsMenu a img	{
	margin-left: 5px;
	}

/* container */
div#container	{
	clear:both;
	padding-top:8px;
}
div.nocar {
	padding-top: 10px !important;
}
div#main,div#rightbox {
	float: right;
}
div#inner,div#leftbox	{
	float:left;
}
div#inner {
	width: 816px;
}
div#news,div#tabarea,div#navi	{
	border-bottom:#001745 1px solid;
	background-position:left top;
	background-repeat:repeat-y;
}

/* navi */
div#leftbox	{
	padding:0 12px 0 0;
}
div#leftbox .logo	{
	margin-bottom: 8px;
}
div#navi,div#leftbox .leftbanner	{
	width:212px;
}
div#navi	{
	background-image:url(/img/common/lmenu_bg.gif);
}
div#navi ul.gnav	{
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:0;
	list-style:none;
}
div#navi ul.gnav li	{
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:0;
	font-size:0;
	width:212px;
	height:40px;
	background-position:left top;
	background-repeat:no-repeat;
}
div#navi ul.gnav li a	{
	width:212px;
	height:40px;
	display:block;
}
div#navi ul.gnav li.gnav_01 a	{
	background-image:url(/img/common/lmenu_01.gif);
}
div#navi ul.gnav li.gnav_02 a	{
	background-image:url(/img/common/lmenu_02.gif);
}
div#navi ul.gnav li.gnav_03 a	{
	background-image:url(/img/common/lmenu_03.gif);
}
div#navi ul.gnav li.gnav_04 a	{
	background-image:url(/img/common/lmenu_04.gif);
}
div#navi ul.gnav li a:hover	{
	background-position:left -40px;
}
div#navi ul.gnav li a.active	{
	background-position:left -40px;
}
div#navi ul.gnav li a span	{
	display: none;
}
div#navi ul.lnav	{
	margin:10px 0 10px 0;
	padding:0 0 0 14px;
	list-style:square;
	list-style-position:inside;
}
div#navi ul.lnav li	{
	color:#FFFFFF;
}
div#navi ul.lnav li a	{
	color:#FFFFFF;
	text-decoration:underline;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif !important;
}
div#navi ul.lnav li a:hover	{
	color:#FFFF00;
	text-decoration:none;
}
div#leftbox .leftcontent	{
	margin:8px 0 0 0;
}
div#leftbox .leftbanner	{
	text-align:center;
}
div#leftbox .leftbanner img	{
	margin:8px auto 0 auto;
	display:block;
}
div#leftbox .calparts iframe {
	margin: 8px auto 0;
	width: 160px !important;
}

/* main */
div#main	{
	width:583px;
	padding:0 9px 0 0;
}

div#rightbox,div#news,div#rightbox .rightcontent	{
	width:208px;
}

/* news */
div#news	{
	margin:0 0 0 0;
	background-image:url(/img/common/index_news_bg.gif);
}
div.newsarea	{
	width:198px;
	margin:0 auto 3px;
	border:#001745 1px solid;
	background:#FFFFFF;
}
div.newsbox	{
	padding:4px 0 4px 6px;
}
div.newsarea dl,div.newsarea dl dt,div.newsarea dl dd	{
	margin:0 0 0 0;
}
div.newsarea dl	{
	height:260px;
	overflow:auto;
}
div.newsarea dl dt	{
	font-size:10px;
	letter-spacing:0.1em;
	line-height:2.8;
}
div.newsarea dl dt img	{
	vertical-align:middle;
}
div.newsarea dl dd	{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:#001745 1px dashed;
	width:168px;
}
div#rightbox .rightcontent	{
	padding-bottom:8px;
	border-bottom:#00a5e4 1px solid;
	display:block;
}
div#rightbox .rightbanner	{
	text-align:center;
}
div#rightbox .rightbanner img	{
	margin:8px auto 0 auto;
	display: block;
}
div#rightbox #livestream {
	border: 1px solid #001745;
}
div#rightbox #livestream h2 img {
	margin: 0;
	border-bottom: 1px solid #001745;
}


/* footer */
div#rights	{
	padding-top:9px;
}
div.rights-bg	{
	width:1024px;
	height:36px;
	background: url(/img/common/index_rights_bg.gif) left top no-repeat;
}
div.rights-bg p	{
	padding:10px 0 0 12px;
}

div.pagetop	{
	clear:both;
	padding-top:9px;
	font-size:10px;
	color:#00A5E4;
	text-align:right;
}
div.pagetop a	{
	text-decoration:none;
}
#viewmode {
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	background-color: #e4e4e4;
}
#viewmode ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#viewmode li {
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
	text-align: center;
	text-shadow: 0 1px 1px #fff;
	background-color: #e4e4e4;
}
#viewmode li a,
#viewmode li span {
	padding: 6px 0 5px;
}
#viewmode li a {
	border-left: 1px solid #d9d9d9;
	display: block;
}
#viewmode li span {
	border-right: 1px solid #fff;
	display: block;
}
/* -------------------------------------------------------------------------
	Clear
--------------------------------------------------------------------------*/
.clear	{
	float:none;
	clear:both;
}


