@charset "Shift_JIS";

@import "base.css";


#side{
	float: left;
	width: 178px;
	}
#side iframe{
	width: 170px;
	margin-left: 8px;
	}
#main{
	float: left;
	width: 530px;
	margin-left: 25px;
	}


/* 見出し 
------------------------------------------------ */

#main-title{
	width: 530px;
	margin: 0;
	}
h2{
	height: 28px;
	margin: 0;
	padding-left: 18px;
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	background: #9a3394 url(../common_images/title_bg.gif) no-repeat 0% 0%;
	}
h2 span{
	padding-right: 1em;
	background: #9a3394;
	}
#main-title h3{
	margin: 7px 0 7px 8px;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	color: #003399;
	}
#main-title p{
	margin: 7px 0;
	line-height: 1.5em;
	}


/* OKピットとは 
--------------------------------------------- */

#about1{
	width: 514px;
	height: 362px;
	margin: 0 0 0 8px;
	background: url(../about/images/about1_bg.gif) no-repeat left top;
	}
#about1 p{
	margin: 0 auto;
	padding-top: 14px;
	text-align: center;
	}
#about1 dl,#about1 ul{
	margin: 0;
	padding: 0;
	}
#about1 dt,#about1 dd{
	margin: 0;
	padding: 0;
	}
#about1 dt{
	margin-bottom: 3px;
	text-align: center;
	}
#about1 li{
	margin: 0 0 0 65px;
	padding: 0;
	line-height: 1.6em;
	}
	
#about2{
	width: 514px;
	margin: 20px 0 0 8px;
	border: 1px solid #999;
	background: #ffffcc;
	}
#about2 dl{
	margin: 10px;
	padding: 0 110px 0 0;
	background: url(../about/images/about2_1.gif) no-repeat right top;
	}
#about2 ul{
	margin: 0;
	padding: 0;
	}
#about2 dt,#about2 dd{
	margin: 0;
	padding: 0;
	color: #003399;
	}
#about2 dt{
	margin-bottom: 0.5em;
	line-height: 1.5em;
	font-weight: bold;
	}
#about2 li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;
	line-height: 1.5em;
	}
#about2 p{
	margin: 15px 10px;
	line-height: 1.5em;
	}


/* OKピットの使い方 
--------------------------------------------- */

#ope1{
	padding: 10px;
	border: 1px solid #ccc;
	}
#ope1 p{
	margin: 0;
	line-height: 1.5em;
	}

/* 画面ショット〜STEP */
#ope2{
	margin-bottom: 15px;
	}
#ope2 img{
	display: block;
	margin: 10px auto;
	text-align: center;
	}
#ope2 dl{
	margin: 0;
	padding: 10px 0 0 0;
	background: url(../operate/images/hasem_bar.gif) no-repeat 0% 0%;
	}
#ope2 dt{
	margin: 0;
	padding: 0 1em 0 42px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	}
#ope2 dt.step1{
	background: url(../operate/images/no_1.gif) no-repeat 0% 0%;
	}
#ope2 dt.step2{
	background: url(../operate/images/no_2.gif) no-repeat 0% 0%;
	}
#ope2 dt.step3{
	background: url(../operate/images/no_3.gif) no-repeat 0% 0%;
	}
#ope2 dt.step0{
	background: url(../operate/images/no_0.gif) no-repeat 0% 0%;
	}
#ope2 dd{
	margin: -3px 0 0 0;
	padding: 0 1em 12px 42px;
	line-height: 1.5em;
	background: url(../operate/images/hasem_bar.gif) no-repeat 0% 100%;
	}
#ope2 dd span{
	color: #003399;
	}

/* 会員登録について */
#ope3{
	padding: 10px;
	border: 1px solid #999;
	background: #ffffcc;
	}
#ope3 div{
	float: left;
	width: 328px;
	}
#ope3 h3{
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.75em;
	font-weight: bold;
	color: #fff;
	background: #d92359;
	}
#ope3 div p{
	margin: 1.25em 0;
	font-weight: bold;
	line-height: 1.65em;
	color: #444;
	}
#ope3 dl{
	margin: 0 0 1.5em 0;
	padding: 0;
	}
#ope3 ul{
	margin: 0;
	padding: 0;
	}
#ope3 dt,#ope3 dd{
	margin: 0;
	padding: 0;
	line-height: 1.65em;
	}
#ope3 dt{
	margin-bottom: 0.5em;
	color: #d92359;
	}
#ope3 li{
	margin: 0 0 0 2.5em;
	padding: 0;
	color: #003399;
	}
#ope3 span{
	float: right;
	width: 170px;
	display: block;
	}
#ope3 p{
	clear: both;
	margin: 0;
	line-height: 1.65em;
	}


/* サイトマップ 
--------------------------------------------- */

dl#sitemap{
	margin: 0;
	padding: 0;
	}
dl#sitemap dt{
	clear: both;
	margin: 0 0 0.75em 0;
	padding: 20px 0 0 12px;
	height: 27px;
	line-height: 27px;
	background: url(../sitemap/images/title2_bg.gif) no-repeat 0px 20px;
	}
dl#sitemap dd{
	margin: 0 0 0 8px;
	padding: 0;
	}
dl#sitemap ul{
	margin: 0;
	padding: 0;
	}
dl#sitemap li{
	float: left;
	width: 173px;
	margin: 0 0 0.5em 0;
	list-style: none;
	line-height: 1.35em;
	background: url(../common_images/arrow2.gif) no-repeat 0% 50%;
	}
dl#sitemap li a{
	padding: 0 0 0 10px;
	}