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

スタジオパーク 1stベース

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

* {  
     margin:0;  
     padding:0;  
} 

 
body {
	margin: 0px;
    padding: 0px;
	background: #fff url(../index_img/index_bg.jpg) repeat-x;
	font-size: 80%;
	color:#333333;
	letter-spacing: 0.1em;
	line-height: 140%;
	font-family: "Verdana";
}


img{
	border: 0;
}


address {  
     font-style:normal;  
} 


h1,h2,h3,h4,h5,h6{
	margin: 0px;
    padding: 0px;
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	letter-spacing: 0.15em;
	border: 0;
}
	

/* ffスクロールバーのセンタリングズレ解消

html {  
    overflow-y:scroll;  
} ---------------------------------------------*/



	
/* テキストリンク
---------------------------------------------*/
a:link { text-decoration:underline; color:#59b80d; }
a:visited { text-decoration:underline; color:#59b80d; }
a:active { text-decoration:none; color:#333333; }
a:hover { text-decoration:none; color:#333333; }


/* テキスト装飾
---------------------------------------------*/
.small{
	font-size: 10px;
}

.bold{
	font-weight:bold;
}

.orange{
	color:#dc8700;
}

.orange02{
	color:#dc8700;
	font-weight:bold;
	font-size: 14px;
}


/* IE6バグ用クリア
---------------------------------------------*/
.p {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}





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


/* 基礎枠
---------------------------------------------*/
#basics {
	width: 950px;
	margin: 0px auto;
	position: relative;
	}
	
	
/* ヘッダー
---------------------------------------------*/
#header {
	width: 950px;
	height:83px;
	float:left;
	}
	
#header:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	
/* ロゴ
---------------------------------------------*/
#logo{
    margin:0;
	height: 47px;
	width: 252px;
	float: left;
	padding-top:19px;
	}
	
#logo:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* メインイメージ
---------------------------------------------*/
#maine_img {
    float:left;
    width:950px;
	height: 344px;
	margin-bottom: 11px;
	}
	
#maine_img:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}





/* コンテンツ枠
---------------------------------------------*/
#contents {
    float:left;
    width:950px;
	padding-bottom: 28px;
	}
	
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}



/* コンテンツ左
---------------------------------------------*/
#left {
    float:left;
    width:665px;
	padding-right: 18px;
	}
	
#left:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* コンテンツ右
---------------------------------------------*/
#right {
    float:right;
    width:245px;
	background: #eaeee0;
	border:solid 1px #d3d5b6;
	padding-top: 9px;
	padding-left:9px;
	padding-right: 9px;
	}
	
#right:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}



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


/* キャッチコピー
---------------------------------------------*/
#catch {
    width:665px;
	height: 91px;
	}
	
#catch:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

	
	
/* キャッチコピーフレーム
---------------------------------------------*/
#catch_f {
    width:645px;
	height: 224px;
	background: url(../index_img/mti_02.jpg) left top no-repeat;
	margin-bottom: 20px;
	padding-left: 20px;
	float:left;
	}
	
#catch_f:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* キャッチコピーフレームの中
---------------------------------------------*/
div.catch_in {
    width:645px;
	padding-bottom: 20px;
	float:left;
	}
	
div.catch_in:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	
	
	
/* インフォメーション
---------------------------------------------*/
#info {
    width:665px;
	height: 57px;
	float:left;
	}
	
#info:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* インフォメーションフレーム
---------------------------------------------*/
#info_f {
    width:645px;
	height: 155px;
	background: url(../index_img/mti_04.jpg) left top no-repeat;
	padding-bottom: 20px;
	padding-left: 20px;
	float:left;
	}
	
#info_f:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* インフォメーションフレームの中
---------------------------------------------*/
div.info_in {
    width:645px;
	padding-bottom: 10px;
	float:left;
	}
	
div.info_in:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	
/* インフォメーションフレームの中-左
---------------------------------------------*/
div.info_inl {
	padding-right: 10px;
	float:left;
	}
	
div.info_inl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* インフォメーションフレームの中-右
---------------------------------------------*/
div.info_inr {
    width:600px;
	float:left;
	font-weight:bold;
	}
	
div.info_inr:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* インフォメーションフレームの中-右リンク
---------------------------------------------*/
div.info_inr a:link { text-decoration:none; color:#333333; }
div.info_inr a:visited { text-decoration:none; color:#333333; }
div.info_inr a:active { text-decoration:none; color:#333333; }
div.info_inr a:hover { text-decoration:underline; color:#333333; }




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


/* プランバナー
---------------------------------------------*/
div.bana {
    float:left;
	padding-bottom: 9px;
	}
	
div.bana:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


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



/* フッター
---------------------------------------------*/
#footer {
    float:left;
	width: 100%;
	height:87px;
	background: url(../index_img/foot_bg.jpg) repeat-x;
	}
	
#footer:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* フッターフレーム
---------------------------------------------*/
#footer_f {
	width: 950px;
	height:87px;
	margin: 0px auto;
	position: relative;
	}

#footer_f:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* フッターロゴ
---------------------------------------------*/
#footer_logo {
    float:left;
	width: 213px;
	height: 41px;
	padding-top: 18px;
	padding-right: 18px;
	}
	
	
#footer_logo:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* フッターリンク
---------------------------------------------*/
#footer_link {
    float:left;
	width: 717px;
	padding-top: 15px;
	font-size: 10px;
	letter-spacing: 0em;
	}
	
	
#footer_link:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* フッターリンク
---------------------------------------------*/
#footer_link a:link { text-decoration:none; color:#333333; }
#footer_link a:visited { text-decoration:none; color:#333333; }
#footer_link a:active { text-decoration:none; color:#333333; }
#footer_link a:hover { text-decoration:underline; color:#59b80d; }


/* フッターアクセス解析
---------------------------------------------*/
#footer_ac {
    float:left;
	width: 717px;
	padding-top: 5px;
	font-size: 10px;
	letter-spacing: 0em;
	}
	
	
#footer_ac:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* フッターリンク
---------------------------------------------*/
#footer_ac a:link { text-decoration:none; color:#333333; }
#footer_ac a:visited { text-decoration:none; color:#333333; }
#footer_ac a:active { text-decoration:none; color:#333333; }
#footer_ac a:hover { text-decoration:underline; color:#59b80d; }