@charset "utf-8";
/****************************
=============================
　OSC　（index用）最終更新-09/05/20
=============================
****************************/
/****************************
　■共通設定
****************************/
body {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,ul,li{
	margin:0;
	padding:0;
    font-size:100%; 
    font-weight:normal; 
} 

img {
	border:0;
}

/****************************
　□基本設定（多少変動するが、ほぼ共通）
****************************/
body {
	background-image:url(../img/back.jpg);
	background-color:#3e3c3c;
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px;
	line-height:14px;
	color: #0e0c39;
}


ul {
	margin-left:50px;
}

table {
	margin-left:10px;
	margin-bottom:10px;
}

#back {/*背景表示のためのボックス*/
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/content_back_01.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #e92828;
}

#container {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background-color:#000000;
	border-left:#ffffff 1px solid;
	border-right:#ffffff 1px solid;
	border-bottom:#ffffff 1px solid;

}/*ここでpadding20pxを取らないので、各内部divで20pxを取ること*/




/****************************
　□見出し
****************************/
/*h1
-------------------------*/
h1{
	font-size:10px;
	color:#CCCCCC;
}


.title-img {
	float: left;
	padding-bottom:30px;
	margin-right:20px;
}


/*h2
-------------------------*/
h2 {
	text-indent:-9999px;
	display: block;
	width:495px;
	height:43px;
	background-repeat:no-repeat;
	background-position:bottom;
	clear:both;
	padding-top:10px;
}


.h2_index_01 {
	background-image:url(../img/h2/h2_index_01.jpg);
}

.h2_index_02 {
	background-image:url(../img/h2/h2_index_02.jpg);
}


/*h3
-------------------------*/
.h3_index_01,
.h3_index_02,
.h3_index_03 {
	text-indent:-9999px;
	display: block;
	width:464px;
	height:31px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

.h3_index_01{
	background-image:url(../img/h3/h3_index_01.jpg);
}

.h3_index_02{
	background-image:url(../img/h3/h3_index_02.jpg);
}

.h3_index_03{
	background-image:url(../img/h3/h3_index_03.jpg);
}


/****************************
　□ヘッダー
****************************/
#header {
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../img/tel.jpg);
}

#header p {
	color:#FFFFFF;
	padding-top:10px;
	margin:0;
}
/****************************
　□ナビゲーション
****************************/
#navi {
	margin-left:20px;
	margin-right:20px;
}

#navi ul {
	padding:0;
	margin-left:0;
	list-style:none;
}

#navi ul li {
	float:left;
} 

#navi ul li a {
	display: block;  
	text-decoration: none;  
	text-indent:-9999px;
	background-repeat:no-repeat;
} 

.navi1 a,
.navi2 a,
.navi3 a,
.navi4 a,
.navi5 a,
.navi6 a,
.navi7 a{
	height:37px;
	width:130px;
}

/*非アクティブ時
-------------------------*/
.navi1 a {
	background-image:url(../img/navi/navi_01.jpg);
}

.navi2 a {
	background-image:url(../img/navi/navi_02.jpg);
} 

.navi3 a {
	background-image:url(../img/navi/navi_03.jpg);
} 

.navi4 a {
	background-image:url(../img/navi/navi_04.jpg);  
} 

.navi5 a {
	background-image:url(../img/navi/navi_05.jpg);
} 

.navi6 a {
	background-image:url(../img/navi/navi_06.jpg);
}

.navi7 a {
	background-image:url(../img/navi/navi_07.jpg);
} 


/*オーバー後
-------------------------*/

.navi1 a:hover,
.navi2 a:hover,
.navi3 a:hover,
.navi4 a:hover,
.navi5 a:hover,
.navi6 a:hover,
.navi7 a:hover {  
	background-position:0 bottom;
}



/****************************
　□コンテンツ全体
****************************/

#main {
	background-color:#f3f3f3;
	margin-left:20px;
	margin-right:20px;
	padding-top:20px;
}


#content {
	float:left;
	width:600px;
	padding-left:20px;
	padding-bottom:50px;
	background-color:#f3f3f3;

}

/****************************
　□メインコンテンツ
****************************/
.inner1 {
	margin-left:5px;
	padding-bottom:10px;
	clear:both;
}

.inner1 img {
	margin-right:5px;
	float:left;
}

.inner3 {
	width:464px;
	height:206px;
	background-image:url(../img/h3/h3_index_back.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	margin-left:20px;
	margin-bottom:20px;
	
}

.inner3 p {
	margin-left:10px;
	margin-top:5px;
}

.inner3 img {
	margin-left:10px;
}
/****************************
　□サイドコンテンツ
****************************/
#side_content {
	width:270px;
	float:right;
}


/*バナー
-------------------------*/
.banner_01 a,
.banner_02 a,
.banner_03 a{
	text-indent:-9999px;
	display: block;
	width:236px;
	height:70px;
}

.banner_01 a{
	background-image:url(../img/index/banner01.jpg);
}

.banner_02 a{
	background-image:url(../img/index/banner02.jpg);
}

.banner_03 a{
	background-image:url(../img/index/banner03.jpg);
}

.banner_01 a:hover,
.banner_02 a:hover,
.banner_03 a:hover{
	background-position:bottom;
}

/****************************
　□フッター
****************************/
#footer {
	color:#FFFFFF;
	clear:both;
	margin-left:50px;
	padding-bottom:10px;
}

#footer a{
	padding:2px 5px 2px 5px;
}


#footer a:link {
	color:#ffffff;
}

#footer a:visited {
	color:#ffffff;
}

#footer a:hover {
	background-color:#27468F;
	color:#FFFFFF;
	text-decoration:none;
}


address {
	font-style:normal;
}


/****************************
　□その他
****************************/

/*リンク装飾
-------------------------*/


a:link {
	color:#E85302;
}

a:visited {
	color:#E85302;
}

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


/*強調
-------------------------*/
span {
	font-weight:bold;
	color:#f88c2c;
}

/*中央揃え用
-------------------------*/
.center {
	text-align:center;
}


/*クリアフィックス
-------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}