@charset "utf-8";

/* 基本設定
--------------------------------------------*/
/* body */
body  {
width: 100%;
min-width:1152px;
font-family : "メイリオ", "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Arial ,";
margin : 30px 0 0 0;
padding : 0;
line-height:180%;
font-size:16px;
}

ul {
margin : 0px;
padding : 0px;

}

li {
list-style-type:none;
margin : 0px;
padding : 0px;
}


p {
	margin:0;
}

img {
	border-style:none;
	
}

/* ページトップ */
.pagetop {
width: 60px;
height: 60px;
position: fixed;
right: 30px;
bottom:-60px;
}

.space20 {
	margin-left:20px;
}

.red {
	color:#FF0004;
}


/* ヘッダ
--------------------------------------------*/
header {
	width:1024px;
	height:60px;
	margin:0 auto 30px auto;
}

.lbox {
	float:left;	
}

.rbox {
	width:280px;
	height:auto;
	float:right;
	margin-top:20px;
}





/* フッタ
--------------------------------------------*/
#footer {
	width:100%;
	height:auto;
	background-color:#f7f7f7;
	position:relative;
	bottom:0;
	font-size:14px;
}

#f-box {
	width:1024px;
	height:100px;
	margin:0 auto;
	padding:40px 0;
}

.fl-box {
	width:450px;
	height:auto;
	float:left;
}

.fr-box {
	width:450px;
	height:auto;
	float:right;
}


.f-nav {
	margin:0 0 40px 0;
}

copyright {
	font-size:11px;
}

/* ナビゲーションメニュー
--------------------------------------------*/
#n-bk {
	width:100%;
	height:60px;
	background-image:url(../images/nav/nav_bk.png);	
}


#nbox {
	width:1025px;
	height:60px;
	margin:0 auto 0 auto;
}


/* ナビげージョンメニュー
--------------------------------------------*/
.nav1 {
	width:340px;
	height:60px;
	float:left;
	background-image:url(../images/nav/nav1_on.png);
	background-repeat:no-repeat;
	border-left:solid 1px #FFFFFF;
}

.nav2 {
	width:340px;
	height:60px;
	float:left;
	background-image:url(../images/nav/nav2_on.png);
	background-repeat:no-repeat;
	border-left:solid 1px #FFFFFF;
}

.nav3 {
	width:340px;
	height:60px;
	float:left;
	background-image:url(../images/nav/nav3_on.png);
	background-repeat:no-repeat;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}




/* マウスオーバー　リンク
--------------------------------------------*/
nav.on a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

nav.on a:hover img {
	opacity: 0.0;
	filter: alpha(opacity=0);
}



a {
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;	
}
a:visited { color: #1111cc; }

a:hover { 
color: #ff931e;
text-decoration:none;
text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-transition: 0.3s ease-in-out;
} 


/* サイドナビ
--------------------------------------------*/
.n-side {
	width:180px;
	height:50px;
	margin-bottom: 5px;
}


/* コンテンツ
--------------------------------------------*/
#content-box {
	width:1024px;
	height:auto;
	overflow:hidden;
	margin:0 auto 40px auto;
}


.main-box {
	width:780px;
	height:auto;
	float:left;
}

.side-box {
	width:180px;
	height:165px;
	padding:5px 5px 0 5px;
	float:right;
	background-color:#C5C5C5;
	overflow: hidden;
}




/* タイトルオビ
--------------------------------------------*/
h2 {
	width:760px;
	font-size:20px;
	font-weight:400;
	margin:0 0 30px 0;
	padding:10px 0 10px 0;
	border-bottom:solid 2px #0032f2;
}

.t-box {
	width:760px;
	height:auto;
	margin:0 auto 60px auto;
}