@charset "utf-8";

/*
===== CONTENTS =====

	Title:two_column_right
	Last-updated: 2007/06/18
	Auther:colletomo
	Outline:2カラム右

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

/* ズレ修正IE6以下 */
* html body {
padding-left: 1px;
}

/* ズレ修正IE7 */
*+html body {
padding-left: 1px;
}

/* ------------------------------
 Layout
------------------------------ */
/*レイアウト設計デフォルト

+body:幅100%
+-#container:幅100%
+--#header:幅800px
+--#g-Nav:幅800px
+--#content:幅800px
+---#mainArea:幅605px
+----.inner:左右パディング15px
+---#subArea:幅195px
+----.inner:左右パディング10px
+--#footer：100%
*/

div#mainArea {
  margin-left: 0;
  float: left;
}

div#subArea {
	clear: right;
	float: right;
}

body#index div#mainArea {
  margin-left: 0;
  float: left;
}

body#index div#subArea {
  clear: right;
  float: right;
}

body {
	text-align: center;
	background:url(../../imgs/theme/bg.jpg) no-repeat 0 0;
	background-color:#f9f9f9;
}

body#index {
	text-align: center;
	background:url(../../imgs/theme/bg_index.jpg) no-repeat 0 0;
    background-color:#f9f9f9;
}

div#container {
	margin: auto;
 	text-align: center;
}

#main-wrap{
	width:950px;
}

/* :header
---------------------------------------------------- */

#header{
	width:950px;
	height:120px;
	background:url(../../imgs/theme/header_bg.jpg) no-repeat top left;
	text-align:left;
	margin:0 auto 0px;
	position:relative;
}

#header-Inner{
}

/*logo*/
#ci a{
	position:absolute;
	top:14px;
	left:0px;
	text-decoration:none;
	border:none;
	display:block;
	outline : 0;
	width:335px;
	height:55px;
	text-indent:-9999px;
}

/*サイトdescription*/
#description{
	font-size:12px;
	color:#fff;
	left:333px;
	position:absolute;
	width:467px;
	height: 15px;
	top: 1px;
}

/* :content-Header
---------------------------------------------------- */
#contentHeader{
	text-align:center;
	margin:0 auto;
	width: 950px;
}

#contentHeader-Inner{
	
}


/* :content
---------------------------------------------------- */
#content{
	text-align:left;
	margin:0 auto;
	width:950px;
}

#content-Inner{
	text-align:left;
	margin:20px auto;
	width:910px;
}

body#index #content-Inner{
	text-align:left;
	margin:auto;
	width:950px;
}


#content_inner{
	text-align:left;
	margin:20px auto;
	width:910px;
}

#contentleaf{
	text-align:left;
	margin:0 auto;
	padding-top:10px;
	width:820px;

}

#content .iner,
#contentleaf .iner{
margin:0 10px;
padding:0;
}

#index #mainArea{
	background:none;
	width:710px;
	text-align: center;
	margin: 0 0 30px 0;
}

#mainArea{
	background:#fff;
	width:680px;
	text-align: center;
}

#mainArea .iner{
	margin:0 10px;
	padding:5px 0;
	text-align: left;
}

/*余白*/
#mainArea .mainInner{/*mainAreaの左右余白*/
	padding:0 15px 0 15px;
}

#mainArea-Inner{
	padding:0px;
}

#mainArealeaf{
	width:590px;
	float: left;
	margin-top: 10px;
}

#index #subArea{
	width:210px;
	text-align:center;
	margin: 0 0 30px 0;
}

#index #subArea h2{
	background:url(../../imgs/index/closeup_ttl.jpg);
	width:212px;
	height:37px;
	margin:0 0 10px 0;
}

#index #subArea a{
	margin-bottom:6px;
	display: block;
	text-align: left;
}

#index #subArea .sbana{
margin-bottom:12px;
}

#subArea{
	width:210px;
	text-align:center;
}


#subArea-Inner{
	padding:0px;
}

#subArea h2{
	width:210px;
	height:37px;
	margin:0 0 10px 0;
}

#subArea a{
	margin-bottom:6px;
	display: block;
	text-align: left;
}

#subArea .sbana{
margin-bottom:12px;
}

#leafsub{
margin-top:10px;
}

#extraArea{
	display:none;

}

#extraArea-Inner{
}


/* :footer
---------------------------------------------------- */
#footer {
margin:0;
padding:0;
}

#footer #footer-Inner{
margin:0;
padding:0;
}

#footer_banner {
	text-align:left;
	margin:0 auto;
	width:950px;
}


#footer_ad {
	margin:0 auto;
	text-align:center;
	background:url(../../imgs/theme/footer_bg.jpg) repeat-x;
	height:195px;
}

#footerbg{
	background:url(../../imgs/theme/footer.jpg) no-repeat 0 0;
	text-align:center;
	height:110px;
	width:950px;
	margin:0 auto;
}

#footertxt{
	color: #fff;
	left: 164px;
	top: 10px;
}


#footer #footer-Inner{

}



/* ----------------------------------------------------
 ナビゲーション
----------------------------------------------------*/
/*ナビゲーションバリエーション
	h-Nav:ヘッダーナビゲーション
	g-Nav:グローバルナビゲーション
	f-Nav:フッターナビゲーション
	pageTopページトップ
*/

/* :ヘッダーナビ
---------------------------------------------------- */

#h-Nav{
	position:absolute;
	top:23px;
	left:703px;
	width:249px;
	height:27px;
	text-align:left;
}

#h-Nav li,
#h-Nav li a {
	height:26px;
	top:0px;
}

li#h-01{
	left:0;
	width:83px;
}


li#h-02{
	left:91px;
	width:83px;
}

li#h-03{
	left:182px;
	width:65px;
}


li#h-01 a:hover{
	background:url(../../imgs/theme/header_bg.jpg) no-repeat -703px -143px;
}

li#h-02 a:hover{
	background:url(../../imgs/theme/header_bg.jpg) no-repeat -794px -143px;
}

li#h-03 a:hover{
	background:url(../../imgs/theme/header_bg.jpg) no-repeat -885px -143px;
}


/* :グローバルナビ
---------------------------------------------------- */
#g-nav{
	display:block;
	width:950px;
	height:39px;
	background:url(../../imgs/theme/g-nav.jpg) no-repeat 0 0;
	margin: 0 auto;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 80px;

}

#g-nav li,
#g-nav li a {
	height:39px;
}

li#g-01{
	left:0px;
	width:110px;
}

li#g-02{
	left:110px;
	width:110px;
}

li#g-03{
	left:220px;
	width:110px;
}

li#g-04{
	left:330px;
	width:110px;
}

li#g-05{
	left:440px;
	width:110px;
}

li#g-06{
	left:550px;
	width:145px;
}

li#g-07{
	left:695px;
	width:145px;
}

li#g-08{
	left:840px;
	width:110px;
}


li#g-01 a:hover{
	background:url(../../imgs/theme/g-nav.jpg) no-repeat -0px -39px;
}

li#g-02 a:hover{
	background:url(../../imgs/theme/g-nav.jpg) no-repeat -110px -39px;
}

li#g-03 a:hover{
	background:url(../../imgs/theme/g-nav.jpg) no-repeat -220px -39px;
}

li#g-04 a:hover{
	background:url(../../imgs/theme/g-nav.jpg) no-repeat -330px -39px;
}

li#g-05 a:hover{
	background:url(../../imgs/theme/g-nav.jpg) no-repeat -440px -39px;
}

li#g-06 a:hover{
	background:url(../../imgs/theme/g-nav.jpg) no-repeat -550px -39px;
}

li#g-07 a:hover{
	background:url(../../imgs/theme/g-nav.jpg) no-repeat -695px -39px;
}

li#g-08 a:hover{
	background:url(../../imgs/theme/g-nav.jpg) no-repeat -840px -39px;
}

/* :フッターナビ
---------------------------------------------------- */
#f-navArea{
	background:#BF0F13;
	padding:10px;
	text-align: center;
}

#f-navArea .iner{
	width:910px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#f-navArea .iner .copy{
	float:right;
	color:#FFFFFF;
}

#f-navArea .iner ul li#f-01,
#f-navArea .iner ul li#f-02,
#f-navArea .iner ul li#f-03{
	list-style:none;
	display:inline;
}

#f-navArea .iner ul li#f-01 a,
#f-navArea .iner ul li#f-02 a,
#f-navArea .iner ul li#f-03 a{
	color:#FFFFFF;
	background:url(../../imgs/theme/footerarrow.gif) no-repeat 0 50%;
	padding-left:10px;
}

#f-navArea .iner ul li#f-01 a:hover
#f-navArea .iner ul li#f-02 a:hover
#f-navArea .iner ul li#f-03 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}



/* :pagetop
---------------------------------------------------- */
#pageTop{
	text-align:center;
	margin: 0 auto;
	position: relative;
	width: 950px;
	height: 30px;
}


#pagetopbtn a{
	width: 120px;
	height: 30px;
	position:absolute;
	display:block;
	text-indent:-9999px;
	right:0px;
	text-align:left;
	background:url(../../imgs/theme/top.jpg);
	top: 0px;
	
}


#pagetopbtn a:hover{
	background:url(../../imgs/theme/top.jpg) no-repeat -0px -0px;
}