@charset "utf-8";
/* CSS Document */

/*------------ 初期設定 ------------*/
p {
	line-height: 1.5;	
}

/*------------ 背景画像 ------------*/
html {
	background: url(../images/back_body.jpg) repeat-x center top #FF6600;
}


body {
	color: #333333;
	background: url(../images/back_main.jpg) no-repeat center top;
}

/*------------ 全体のレイアウト ------------*/
#wrapper {
	width: 910px;
	margin: 0 auto;
}

/*------------ ヘッダー ------------*/
#header {
	padding-bottom: 15px;
}

#header .right {
	width: 606px;
}

/*------------ ヘッダーロゴ ------------*/
#header h1#header_logo {
	float: left;
}

#header h1#header_logo a {
	width: 225px;
	height: 100px;
	margin-top: 20px;
	display: block;
	text-indent: -9999px;
	background: url(../images/header_logo.gif) no-repeat top left;
}

/*------------ ナビゲーション ------------*/
ul#gnav {
	text-indent: -9999px;
}

ul#gnav li {
	float: left;
}

ul#gnav li a {
	height: 47px;
	display: block;
	background: no-repeat left top;
}

/*------------ ナビゲーション（マウスOFF） ------------*/
ul#gnav li#gnav_01 a {
	width: 138px;
	background-image: url(../images/gnav_01.gif);
}

ul#gnav li#gnav_02 a {
	width: 166px;
	background-image: url(../images/gnav_02.gif);
}

ul#gnav li#gnav_03 a {
	width: 164px;
	background-image: url(../images/gnav_03.gif);
}

ul#gnav li#gnav_04 a {
	width: 138px;
	background-image: url(../images/gnav_04.gif);
}


/*------------ ナビゲーション（ロールオーバー時） ------------
ul#gnav li#home a:hover {
	width: 185px;
	background-image: url(../images/gnav_home_on.jpg);
}

ul#gnav li#guide a:hover {
	width: 191px;
	background-image: url(../images/gnav_guide_on.jpg);
}

ul#gnav li#make a:hover {
	width: 191px;
	background-image: url(../images/gnav_make_on.jpg);
}

ul#gnav li#instance a:hover {
	width: 191px;
	background-image: url(../images/gnav_instance_on.jpg);
}

ul#gnav li#order a:hover {
	width: 186px;
	background-image: url(../images/gnav_order_on.jpg);
}
*/

/*------------ 枠・線 ------------*/
.gray_line {
	border: #999999 1px solid;
}

/*------ リンク色（メインコンテンツ） ------*/
#contents a,
#top_contents a {
	color: #FF6600;
}

#contents a:hover,
#top_contents a:hover {
	color: #FF0006;
}

#contents a:visited,
#top_contents a:visited {
	color: #FF6600;
}

/*------------ フッター ------------*/
#footer {
	width: 100%;
	padding: 10px 0 30px 0;
	text-align: center;
	background-color: #FFF;
}

#footer ul.text_nav {
	padding-bottom: 5px;
	font-size: 11px;
	text-align: center;
}

#footer ul.text_nav li {
	padding: 0 10px;
	border-left: #FF6600 1px solid;
	display: inline;
}

#footer ul.text_nav li.last {
	border-right: #FF6600 1px solid;
}

#footer address {
	padding-top: 5px;
	font-size: 11px;
	color: #FF6600;
}

/*------ リンク色（フッター） ------*/
#footer a {
	color: #FF6600;
	text-decoration: none;
}

#footer a:hover {
	color: #FF0006;
	text-decoration: underline;
}

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

/*-------- color --------*/
.red {
	color: #FF0000;
}

/*-------- top --------*/
.top10 {
	margin-top: 10px;
}

.top20 {
	margin-top: 20px;
}

/*-------- bottom --------*/
.btm10 {
	margin-bottom: 10px;
}

.btm20 {
	padding-bottom: 20px;
}

/*-------- left --------*/
.left25 {
	margin-left: 25px;
}

/*-------- right --------*/
.right35 {
	margin-right: 35px;
}

/*-------- top&bottom --------*/
.tpbt10 {
	padding: 10px 0;
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}