@charset "utf-8";

/* -------------------- 全体レイアウト -------------------- */
/* BODY設定 */
body {
	margin: 0px;
	padding :0px;
	text-align: center;
	background-image: url(../images/bg_gray.gif); /* 背景画像 */
}

/* 外枠の影（トップページ＿青） */
div#stage {
	width: 809px;
	margin: 0 auto;
	background-image: url(../images/stage.jpg);
}

/* 外枠の影（コンテンツ＿グレー） */
div#stage_c {
	width: 809px;
	margin: 0 auto;
	background-image: url(../images/stage_c.jpg);
}



/* 全体幅大（ヘッダー部_影含み） */
div#container1{
	margin: 0px auto;
	width: 805px;
	text-align: left;
	padding: 0px;	

}

/* 全体幅小（コンテンツ部_影ナシ） */
div#container2{
	margin: 0px auto;
	width: 782px;
	text-align: left;
	background-color:#ffffff;	
	padding: 0px;	
}

/* -------------------- div#container1内 -------------------- */
/* 左部 */
div#c1_left {
	float: left;
	width: 631px;
}

/* 右部 */
div#c1_right {
	float: right;
	width: 174px;
}


/* 【コンテンツページ】＿トップイメージ */
div#c_top {
    float:none;
	width: 805px;
}

/* メニュー */
div#menu {
    float:none;
	width: 805px;
}

div#title{
	float:center;
	width:805px;
}



/* -------------------- div#container2内( 左部 ) -------------------- */
/* 左部 */
div#c2_left {
	float: left;
	width: 520px;
	background-image: url(../images/bg_blue.gif); 
	margin: 0px;
	padding-left: 0px;
	font-weight: normal;	
	font-size: 12px;	
	color: #FFFFFF;		
}

/* CAMPAIGN */

.campaign {
	margin: 0px 0px 0px 13px;
}



/* TOPIC_TITLE */
h2 {
	margin-left: 10px;
}

/* LINE */
.line {
	margin-left: 10px;
}

/* 情報・トピック（アイコン付き） */
p{ 
   display:list-item; 
   list-style-image: url(../images/point.jpg);
   width: 460px;
   text-indent: 0.5em
   line-height: 0.5em;	/* 行間 */
   font-size: 11px;	
   color: #FFFFFF;
   margin: 0px 0px 0px 44px;
   padding: 0px 0px 0px 0px; 	
}

/* ボタン（more news） */
div#m_botan{
	clear:both;
	margin: 30px 0px 30px 400px;
}

/* Banner（Shane's Banner） */
.banner {
	border: 0px none;
	margin: 0px 0px 0px 35px;
	float:left;
}

/* -------------------- div#container2内( 右部 ) -------------------- */
/* 右部 */
div#c2_right {
	float: right;
	width: 262px;
	background-color:#ffffff;
	margin: 0px;	
}

/* バナー（248px）用下余白 */
.r_banner {
	margin-bottom: 4px;
	margin-left: 2px;		
	
}

/* バナー（248px）用下余白 */
.r_banner2 {
	margin-bottom: 4px;
	margin-left: 7px;		
	
}

/* お問い合わせ（248px）用上下余白 */
.r_c_banner {
	margin-top: 10px;	
	margin-bottom: 4px;
	margin-left: 7px;			
}

/* -------------------- div#container2_c内( 【コンテンツページ】左部 ) -------------------- */
/* 左部 */
div#c2_left_c {
	float: left;
	width: 576px;
	background-image: url(../images/bg_gray_c.gif); 
	margin: 0px;
	padding-left: 0px;
	font-weight: normal;	
	font-size: 12px;	
	color: #FFFFFF;		
}

/* -------------------- div#container2内( 【コンテンツページ】右部 ) -------------------- */
/* 右部 */
div#c2_right_c {
	float: right;
	width: 206px;
	background-color:#ffffff;
	margin: 0px;	
}




/* -------------------- スペースコンテイナー( ページ下部青線混入 ),フッター -------------------- */

/* スペースコンテイナー（ページ下部青線混入） */
div#s_container{
    clear:both; 
	width: 782px;
	background-image: url(../images/s_contain.gif);
	background-repeat: repeat-y;
}

/* スペースコンテイナー【コンテンツページ】（ページ下部グレー線混入） */
div#s_container_c{
    clear:both; 
	width: 782px;
	background-image: url(../images/s_contain_c.gif);
	background-repeat: repeat-y;
}

/* ボタン（▲page top） */
div#t_botan{
	float:center;
	padding-top: 0px;
	padding-left: 430px;
	padding-bottom: 30px;
}


/* 画像（切れ端画像の付け焼きなど） */
div#img {
	float: left;
	margin: 0px;
	padding: 0px;	
}

/* フッター（背景画像） */
div#footer1{
	float:center;
	margin: 0px auto;
	width: 782px;
	height: 78px;
	text-align: left;
    background-image: url(../images/footer.gif);
}

/* フッター（背景画像） */
div#footer2{
	float:center;
	margin: 0px auto;
	width: 782px;
	height: 78px;
	text-align: left;
    background-image: url(../images/footer_c.gif);
}



/* フッター（テキスト） */


.f_menu2{
	height:15px;
	line-height:15px;
	font-size: 11px;	/* フォントサイズ */
	color: #FFFFFF;		/* フォントの色 */
	padding-left: 30px;
	padding-top: 20px;
}

.f_menu3{
	font-size: 12px;	/* フォントサイズ */
	color: #FFFFFF;		/* フォントの色 */
	padding-right: 30px;
	padding-top: 10px;
}

.f_menu{
	height:15px;
	line-height:15px;
	font-size: 11px;	/* フォントサイズ */
	color: #FFFFFF;		/* フォントの色 */
	padding-left: 40px;
	padding-top: 10px;
}

.f_menu2 a,
.f_menu2 a:link,
.f_menu2 a:visited,
.f_menu2 a:active{

	color:#FFFFFF;
}

.f_menu a:hover{
	color:#FFFFFF;

}





/* -------------------- ヘッダー -------------------- */
/* SEOワード */
h1 {
	margin: 0px;
	padding-left :10px;
	font-weight: normal;	/* フォントの太さ（太いままにする場合は削除） */
	font-size: 10px;	/* フォントサイズ */
	color: #666666;		/* フォントの色 */
	text-indent: 8px;	/* テキストの左余白 */
}





/* -------------------- メイン（本文）部分 -------------------- */

#main{
	float:center;
	width:750px;
	margin: 0px;
	background-color:#ffffff;	/* 背景色 */
}

/* -------------------- テキスト関係 -------------------- */
/* フォント全体 */
* {
	font-size: 12px;	/* フォントサイズ */
	color: #333333;		/* フォントの色 */
	line-height: 1.5em;	/* 行間 */
}

/* 文章中のリンク */
a:link {
	color: #ffffff;		/* リンク・フォントの色 */
	text-decoration: none;	/* リンク線 */
}
a:visited{
	color: #ffffff;		/* 訪問済みリンク・フォントの色 */
	text-decoration: none;	/* リンク線 */
}
a:hover{
	color: #B59100;		/* ロールオーバー時・フォントの色 */
	text-decoration: underline;	/* リンク線 */
}
a:active {
	color: #FFFF00;		/* クリック時・フォントの色 */
	text-decoration: overline underline;	/* リンク線 */
}

/* 画像 */
.img {
	border: 0px none;
}






/* ----------------------- 内容部分 ----------------------- */


/* 内容全体（3段） */
div#contentsmain {
	margin: 0px auto;
	width: 750px;
	height: 339px;
	text-align: left;
	background-color:#ffffff;	/* 背景色 */	
}

/* 内容全体（2段） */
div#contentsmain1 {
	margin: 0px auto;
	width: 750px;
	height: 600px;
	text-align: left;
	background-color:#E6E6E6;	/* 背景色 */	
}
div#contentsmain2 {
	margin: 0px auto;
	width: 750px;
	height: 450px;
	text-align: left;
	background-color:#E6E6E6;	/* 背景色 */	
}


/* 左部 */
.side {
	float: left;
	width: 108px;
}


/* 画像位置 */
.image {
	float: left;
	padding: 0px 5px 0px 0px;
}

.image2 {
	float: left;
	padding: 5px 10px 0px 0px;
}

.image3 {
	float: left;
	padding: 0px 0px 0px 0px;
}



/* 文字（タイトル）（画像にする場合はmargin,paddin以外は削除） */
div#content h3 {
	margin: 0px;
	padding-left: 15px;	/* テキスト左の余白 */
	font-weight: bold;	/* フォントの太さ（太いままにする場合は削除） */
	font-size: 12px;	/* フォントサイズ */
	color: #003399;		/* フォントの色 */
	text-indent: 6px;	/* テキスト左の余白 */
}

/* 文字（本文） */
.p1{
　　float: left;
	font-size: 11px;	/* フォントサイズ */
	color: #666666;		/* フォントの色 */
	padding-left: 15px;	/* テキスト左の余白 */
	padding-right: 15px;	/* テキスト左の余白 */
}

/* 文字（本文プロフ） */
.p2{
　　float: left;
	font-size: 11px;	/* フォントサイズ */
	text-indent:11px;
	color: #666666;		/* フォントの色 */
	padding-left: 50px;	/* テキスト左の余白 */
	padding-right: 50px;	/* テキスト左の余白 */
}
/* 文字（本文プロフ） */
.p3{
　　float: left;
	font-size: 11px;	/* フォントサイズ */
	color: #000000;		/* フォントの色 */
	line-height: 14px
	padding-left: 50px;	/* テキスト左の余白 */
	padding-right: 50px;	/* テキスト左の余白 */
}
/* 文字（本文プロフ） */
.p4{
　　float: left;
	font-size: 14px;	/* フォントサイズ */
	line-height: 14px
	font-weight: bold;	/* フォントの太さ（太いままにする場合は削除） */
	color: #000000;		/* フォントの色 */
	padding-left: 50px;	/* テキスト左の余白 */
	padding-right: 50px;	/* テキスト左の余白 */
}


/* 右部 */
.contents2 {
	float: right;
	width: 318px;
	
}




/* 見出し（画像にする場合はmargin,paddin以外は削除） */
div#contents2 h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;	/* フォントの太さ（太いままにする場合は削除） */
	font-size: 12px;	/* フォントサイズ */
	color: #FFFFFF;		/* フォントの色 */
	text-indent: 6px;	/* テキスト左の余白 */
	background-color: #CCCCCC;	/* 背景色（不必要なら削除） */
}


/* 中ページ */
.contents3{
	float: right;
	width: 642px;
	height: 600px;
	background-color:#ffffff;	/* 背景色 */
	
}
.contents4{
	float: right;
	width: 642px;
	height: 450px;
	background-color:#ffffff;	/* 背景色 */
	
}

/* 中ページ (実績セット)*/
.left{
	float: left;
	width: 321px;
	height: 600px;
	background-color:#ffffff;	/* 背景色 */
	
}
.right{
	float: right;
	width: 321px;
	height: 600px;
	background-color:#ffffff;	/* 背景色 */
	
}

/* TABLE LAYOUT */
.text1{
	width: 200px;
	background-color:#ffffff;	/* 背景色 */

}


/* ----------------------- フッター ----------------------- */

div#footer{
	float: center;
	width: 770px;
}

/* ----------------------- CONTACT ----------------------- */

div#MAINLAYOUT {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}
div#FORM table {
	border: 1px solid #ccc;
}
div#FORM {
	margin: 10px auto 15px;
}
div#FORM .SmallType {
	color: #ff0000;		/* フォントの色 */
	font-size: 10px;
	font-weight: normal;
	line-height: normal;
}
div#FORM form {
	margin: 0px;
}
div#FORM td {
	padding: 4px;
	background: #f1f1f1;
	width: 350px;
}
div#FORM th {
	font-weight: bold;
	text-align: left;
	padding: 4px;
	background-color: #e4e4e4;
	vertical-align: top;
}
div#FORM .Submit {
	background: #fff;
	text-align: center;
}
.ERR {
	color: #f00;
}

/* 著作権表記用 */
div#Copyright {
	text-align: right;
	margin-top: 2px;
	font-size: 10px;
}
div#Copyright a:link, div#Copyright a:visited {

	color: #999999;
	text-decoration: none;
}
div#Copyright a:hover {
	text-decoration: underline;
}

.table_left     {
	background-image: url(../images/cel_left.gif);
}

.table_bg     {
	background-image: url(../images/cel_bg.gif);
}


div#box_top {
	padding: 0px;
	width: 492px;
	height: 220px;
	margin: 0 auto;
	background-image: url(../images/top_cn.jpg);	


}

.box_top_p {
	font-size: 12px;	
	color: #ffffff;
	width: 452px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 70px;

}

/* ----------------------- COST BOX_TOP ----------------------- */
.cbox_bg {
	background-image: url(../images/c_box_top_11.jpg);
	width: 232px;
	height:140px;
}
.cbox_bg2 {
	background: url(../images/c_box_top_11_1107.gif) repeat-x;
	width: 232px;
}
.cbox_btn_bg {
	width: 150px;
	height:20px;
	font-size: 11px;
	background-color: #333333;
	color: #ffffff;
}
.cbox_pad {
	padding: 0px;
	margin: 0px;
}