/*1.--------#header--------*/

body {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	word-spacing:2px;
	color:#444;
	margin:20px;
	background:url(../image/body.jpg) #f6f6f6;
}

* {
	margin:0;
	padding:0;	
}

#wrapper {
	background:#fff;
	border:3px solid #f1f1f1;
	max-width:950px;
	width:expression(this.width > 320 ? "320px" : this.width);
	min-width:760px;
	margin:0 auto;
}

* html #wrapper
{
	w\idth: expression(document.documentElement.clientWidth > 950 ? "950px" : "auto");
}

#innerwrapper {
	margin:1px;
	background:url(../image/innerwrapper.jpg) top repeat-x;
	padding:20px;
}

/*1.--------#header--------*/

#header form {
	padding:27px 25px 20px 25px;
	float:right;
	background:#fff;
	width:160px;
	margin:-20px -20px 0 0;
	border:none;
}

#header h1 {
	float:left;
	font:150% Arial;
	color:#333;
	padding:5px 20px 5px 5px;
	border-right:1px solid #ccc;
	margin:0 20px 0 0;
}

#header h1 a {
	color:#333;
	text-decoration:none;
	border-bottom:2px solid #f6f6f6;
}

#header h1 a:hover {
	color:#111;
	border-bottom:2px solid #79B5D6;
}

#header h2 {
	font:110% Arial;
	color:#666;
	padding:16px 0 0 0;
	border:none;
}

#header h2 a {
	color:#444;
	text-decoration:none;
	border-bottom:2px solid #f6f6f6;
}

#header h2 a:hover {
	border-bottom:2px solid #79B5D6;
}

#header #nav {
	clear:both;
	background:url(../image/nav.jpg) top repeat-x #4F9EC9;
	border-bottom:2px solid #4F9EC9;
	border-top:2px solid #388CBA;
	border-left:2px solid #388CBA;
	border-right:2px solid #388CBA;
	padding:10px 10px 10px 0;
}

#header a em {
	font-style:normal;
	text-decoration:underline;
}

#header #nav a {
	color:#fff;
	text-decoration:none;
	padding:10px;
}

#header #nav a:hover {
	background:#4F9EC9;
}

#header #nav a.active {
	background:#4F9EC9;
}

#header #nav li {
	display:inline;
	list-style:none;
	margin:0 1px 0 0;
}

#header #subnav {
	background:#4F9EC9;
	padding:5px 7px 7px 7px;
	color:#DEEDF5;
	border-bottom:2px solid #388CBA;
	border-left:2px solid #388CBA;
	border-right:2px solid #388CBA;
}

#header #subnav li {
	list-style:none;
	display:inline;
}

#header #subnav a {
	color:#DEEDF5;
	text-decoration:none;
	padding:5px;
	border-bottom:2px solid #4F9EC9;
}

#header #subnav a:hover {
	border-bottom:2px solid #388CBA;
	color:#fff;
}

#header #subnav a.active {
	border-bottom:2px solid #388CBA;
	color:#fff;
}

/*--------#header-終わり-------*/

/*2.--------#title--------*/

#titel{
	background:url(../image/titel.jpg);
	width:100%;
	height:185px;
}

#titeltop{
	background:url(../image/titeltop.jpg);
	width:100%;
	height:185px;
}

/*--------#title-終わり-------*/


/*--------#sidebar--------*/
#canp{
	height:auto;
	width:170px;
	background:#FFFFFF;
	margin:0px auto 0px auto;
	color:#000099;
	padding:0px 8px 8px 5px;

}

#sidebar {
	background:#333;
	width:200px;
	padding:10px 20px 20px 20px;
	float:left;
	color:#CCCCCC;
	border-top:2px solid #000;
	border-bottom:10px solid #000;
}

#sidebar img{
	margin:0px;
	}
	
#sidebar h2 {
	font:160% Arial;
	color:#999;
	margin:10px 0 10px 0;
	border:none;
}

#sidebar h3 {
	color:#FF8040;
	font:90% Verdana;
	font-weight:bold;
	letter-spacing:2px;
}

#sidebar h3 a.more{
	color:#CCCCCC;
	text-align:left;
	letter-spacing:1px;
	text-decoration:none;
	padding:10px 0;
}

#sidebar h3 a:hover {
	color:#98D158;
}

#sidebar p {
	margin:15px 0;
}

#sidebar p.news {
	background:#323232;
}

#sidebar p.news a.more {
	color:#CCCCCC;
	display:block;
	text-align:right;
	font:80% Verdana;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	padding:10px 0;
}

#sidebar p.news a:hover {
	color:#98D158;
}

#sidebar .subnav {
	border-top:1px solid #2C2C2C;
}

#sidebar .subnav li {
	list-style:none;
	padding:5px;
	border-bottom:1px solid #2C2C2C;
}

#sidebar .subnav li a {	
	color:#ccc;
	text-decoration:none;
	display:block;
}

#sidebar .subnav li a:hover {
	color:#98D158;
}

#sidebar .subnav li a b {
	float:right;
	display:none;
	color:#666;
}

#sidebar .subnav li a:hover b {
	display:inline;
}

#sidebar input {
	padding:4px;
	background:#2c2c2c;
	border:1px solid #222222;
	color:#ccc;
	font:90% Verdana;
	width:190px;
}

#sidebarright {
	width:170px;
	float:right;
	padding:10px 0 0 20px;
	background:url(../image/sidebarright.jpg) top left no-repeat;
}

#sidebarright p {
	font:90% Verdana;
	color:#777;
	line-height:20px;
	margin:10px 0;
}

#sidebarright h2 {
	font:140% Arial;
	color:#333;
	margin:10px 0;
	border:none;
}

#sidebarright ul {
	margin:10px 0 10px 15px;
	font:90% Verdana;
}

#sidebarright ul li {
	margin:5px 0;
}

#sidebarright a {
	border-bottom:1px dotted #eee;
	color:#444;
	text-decoration:none;
}

#sidebarright a:hover {
	aiborder-bottom:1px solid #ccc;
}

p.ranking {
	color:#FF8040;
	font:90% Verdana;
	font-weight:bold;
	letter-spacing:2px;
}

p.ranking a.more{
	color:#CCCCCC;
	text-align:left;
	letter-spacing:1px;
	text-decoration:none;
	padding:10px 0;
}

/*--------#sidebar--------*/

p.movie{
	background:#000000 center;
	float:right;
	}
	
#maintitel-l{
	float:left;
	width:450px;
	height:260px;
	border:#333333 solid 1px;
	margin:0px 0px 20px 0px;
	background-color:#FFFFFF;
}
#maintitel-r{
	float:left;
	width:194px;
	height:290px;
	margin:1px 0px 20px 0px;
	padding:0px;
	background:url(../image/n_saeititelm.jpg) no-repeat;
	background-color:#FFFFFF;
}

#form-l{
	float:left;
	width:300px;
	height:100px;
	text-align:left;
}
#form-r{
	float:left;
	width:300px;
	height:100px;
	border-left:#999999 dotted 1px;
	margin-top:110px;
	text-align:left;
	padding-left: 15px;
}
#menubar{
	width:97%;
	float:left;
	}

#menubar h4.menu{
	float:left;
	width:98%;
	height:auto;
	border:#333333 1px solid;
	background:url(../image/n_menuback.gif) repeat;
	font:90% Verdana;
	margin-left:5px;
	}

*html #menubar h4.menu{
	width:98%;
}

#menubar p.menubox{
	width:260px;
	margin-left:10px;
	margin-top:10px;
}

#content {
	margin:0 210px 0 240px;
	background:url(../image/content.jpg) top left no-repeat;
	padding:20px 0 0 20px;
}

#contentnorightbar {
	margin:0 0 0 240px;
	padding:20px 0 0 20px;
}

#conback{
	background:url(../image/obj_body_left_1.gif);
	float:left;
	width:100%;
	color:#CCCCCC;
	padding-bottom:10px;
}

p {
	margin:5px 0;
	line-height:22px;
}


h2 {
	font:110% Arial;
	color:#79B933;
	border-bottom:2px solid #f6f6f6;
	
}

.margin{
	margin:-10px 0px 20px 10px;
	}
	
.waku{
	background:url(../image/n_menuback.jpg) no-repeat;
	padding:10px 0px 0px 10px;
	}

h2 a {
	color:#79B933;
	text-decoration:none;
}

h2 a:hover {
	color:#5F9128;
}


#footer {
	clear:both;
	border-top:1px solid #eee;
	padding:10px;
	margin:30px 0 0;
	text-align: center;
}

a {
	color:#0066FF;
}

a:hover {
	text-decoration:none;
}

h3 {
	font:140% Trebuchet MS;
	margin:10px 0;
}

#content ul {
	margin:15px 0 15px 0;
	line-height:25px;
	padding:15px 0 15px 15px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#79B933;
}

#content ul span {
	color:#444;
}

#contentnorightbar ul {
	margin:15px 0 15px 20px;
	line-height:25px;
	padding:15px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#79B933;
}
#contentnorightbar ul span {
	color:#444;
}

img {
	padding:0px;
}


label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;

}
input {
	padding:4px;
	border:none;
	font:90% Verdana;
	color:#777;
}

textarea {
	width:400px;
	padding:4px;
	font:90% Verdana;
	border:1px solid #eee;
	height:200px;
	display:block;
	color:#777;
}

p img {
	float:left;
	margin:0 10px 0 0;
}

blockquote p {
	font:160% Georgia;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}
/**content-************************************************/

#content{
	margin:120px auto 0px auto;
	width:800px;
	height:500px;
	background-color:#FFFFFF;
	clear: both;
	position:relative;
	top:-100;
	}

*html #content{
	margin:30px auto 0px auto;
	height:auto;
	}

#titelb{
	width:800px;
	height:40px;
	background-repeat:no-repeat;
	background-position:left;
	background-image: url(../img/oj-enruete.jpg);
	}

.banner-comp{
	background:url(../image/n_menubar_comp_top.jpg);
	height:51px;
	width:98%;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}

.banner-comp-con{
	background:url(../image/n_bg-comp.jpg) no-repeat;
	height:auto;
	width:95%;
	float:left;
	margin-left:5px;
}



.banner-comp-con img{
	width:180px;
}

.comp-l{
	margin:60px 0px 0px 20px;
	width:180px;
	float:left;
}

.comp-c{
	margin:70px 0px 0px 0px;
	width:180px;
	float:left;
}

.comp-r{
	margin:60px 0px 0px 30px;
	width:180px;
	float:left;
}

*html .comp-l{
	margin:60px 0px 0px 10px;
	width:180px;
	float:left;
}

*html .comp-c{
	margin:70px 0px 0px 8px;
	width:180px;
	float:left;
}

*html .comp-r{
	margin:60px 0px 0px 12px;
	width:180px;
	float:left;
}

.banner-comp-con p{
	float:left;
	width:180px;
	margin:5px 190px 0px 25px;
}


.banner-osusume{
	background:url(../image/n_menubar_osusume_top.jpg);
	height:51px;
	width:98%;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}

.banner-fukushi{
	background:url(../image/n_menubar_fukushicar_top.jpg);
	height:51px;
	width:98%;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}

.banner-osusume-con{
	float:left;
	width:90%;
	height:auto;
	margin:10px 0px 10px 10px;
}

.banner-osusume-con img{
	float:left;
}

.banner-osusume-con p{
	line-height:normal;
	margin:0px;
}

.price{
	width:auto;
	font-size:18px;
	padding:5px 0px 1px 0px;
	margin-left:150px;
	color:#CC0000;
	font-weight:bold;
}

.user{
	width:auto;
	font-size:18px;
	padding:5px 0px 1px 0px;
	margin-left:150px;
	color:#ffffff;
	font-weight:bold;
}

.price p{
	text-decoration:underline;
}

.en{
	font-size:12px;
}
.banner-news{
	background:url(../image/n_saeimenu_top.jpg);
	height:51px;
	width:98%;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}

.banner-buys{
	background:url(../image/n_menubar_buys_top.jpg);
	height:51px;
	width:98%;
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
}

.bannertext{
	text-align:left;
	vertical-align:bottom;
	margin:30px 0px 0px 35px;
	color:#FFFFFF;
	font-size:10px;
}

#titelb strong{
	float:left;
	padding:70px  0px 10px 50px;
	}
	
.ct-l{
	width:320px;
	height:auto;
	float:left;
	background-color:#F3FAFA;
	border:#336666 1px solid;
	font-size:12px;
	}

	

 .tables {
	float:left;
	width:310px;
	height:auto;
	margin: 2px 0px 20px 8px;
	  }

 .tables p{
	color:#666666;
	font-size:12px;
	letter-spacing:2px;
	text-align:left;
	  }

 .tables-menu-t {
	float:left;
	width:200px;
	height:15px;
	  }
	  
 .tables-content-t {
	float:left;
	width:250px;
	height:30px;
	  }

form .main{
	border-bottom:solid #999999 1px;
	border-left:none;
	border-top:none;
	border-right:none;
	background:none;
	color:#333333;
	margin-top:9px;
	  }
	  
 .tables-menu {
	float:left;
	width:120px;
	height:30px;
	padding:5px 0px 0px 5px;
	border-bottom: #CCCCCC dotted 1px;
	  }
	  
 .tables-content {
	float:left;
	width:170px;
	height:auto;
	padding:0px 0px 5px 5px;
	  }

 .tables-menu-h {
	float:left;
	width:250px;
	height:250px;
	padding:15px 0px 0px 5px;
	border-bottom: #CCCCCC dotted 1px;
	  }
 .tables-content-h {
	float:left;
	width:200px;
	height:250px;
	padding:15px 0px 0px 5px;
	border-bottom: #CCCCCC dotted 1px;
	  }

 .list{
	float:left;
	width:310px;
	height:auto;
	text-align:left;
	font-size: 12px;
	margin-top: 5px;
	}

.line{
	border-bottom:#CCCCCC 1px dashed;
	position:relative;
	top:-10;
	width:380px;
	float:left;
	margin:0px;
	height:1px;
	}
	
 #ppp {
	background:url(../img/oj-systemtoku.jpg) no-repeat;
	width:490px;
	height:105;
	float:left;
	text-align:left;
	font-size:12px;
	padding-top:40px;
	clear: both;
	}

 #ppp strong{
	margin:0px 0px 0px 200px ;
	}
	
 #ppp p{
	margin:0px 0px 0px 200px ;
	}

 .day{
	font-size:12px;
	color:#009900;
	font-weight:bold;
	margin-bottom:5px;
	}

 .ct-r{
	width:280px;
	height:auto;
	border-bottom:#CCCCCC solid 2px;
	float:right;
	margin-right:2px;
	text-align:left;
	padding: 0px 20px 0px 0px;
	}

 .right{
	margin:0px;
	font-size:10px;
	letter-spacing:0.1em;
	}

 .club{
	width:250px;
	height:130px;
	float:right;
	background:url(../img/oj-info.jpg) no-repeat;
	}

 .club strong{
	display:none;
	}

 .masu{
	width:250px;
	height:80px;
	float:right;
	background:#E1E0E9;
	border:#CCCCCC solid 1px;
	margin:5px 0px 30px 0px;
	padding:5px;
	letter-spacing:2px;
	font-size:12px;
	}
.clear{
	clear:none;
	}

.bot{
	width:100px;
	height:30px;
	}

#wakutext{
	color:#FFFFFF;
	float:none;
}

#contentsbar{
	color:#FFFFFF;
	float:none;
}

*html #contentsbar{
	width:98%;
}

.newsin{
	float:left;
	width:95%;
	padding-left:20px;
	padding-bottom:20px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:#999999 dotted 1px;
	border-right:#999999 dotted 1px;
	}
.newsin img{
	float:left;
	margin-right:10px;
	}

.ind{
	margin:4px;
	}

.flashmovie{
	float:right;
	margin-right:7px;
	}
.bnlink{
	width:180px;
	height:auto;
	border:#CCCCCC 1px dotted;
	overflow: hidden;
	color:#666666;
	}
.ranking{
	padding-left:3em;
	width:13em;
	text-indent:-3em;
	}