﻿@charset "utf-8";
@import url("reset.css");
@import url("fonts.css");

html{
	height:100%;
	margin-bottom:1px;
}

body{
	background-color:#e7e3d7;
	line-height:1.6;
}

img{
	border: 0;
}

/*strong{
	font-weight: normal;
}*/

a:link    { color: #231815; text-decoration: underline; }
a:visited { color: #231815; text-decoration: underline; }
a:active  { color: #bda7a1; text-decoration: none; }
a:hover   { color: #bda7a1; text-decoration: none; }

.clearfix{
	overflow: hidden;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .clearfix {
	height: 1em;
	overflow: visible;
}
/**/

#wrapper{
	width: 980px;
	margin: 0 auto;
	background-color:#fff;
}

.error,
.necessary{
	color: #ff0000;
}

.Lft{
	text-align: left;
}

.Ctr{
	text-align: center;
}

.Rgt{
	text-align: right;
}

.txS{
	font-size: 85%;
	line-height: 1.4;
}

.ttl_Lft{
	float: left;
}	

/************ header start ************/
#header{
	width: 940px;
	padding: 20px 20px 20px 20px;
	overflow: hidden;
}

#header:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #header {
	height: 1em;
	overflow: visible;
}
/**/

#header ul{
}

#header ul li.logo{
	float: left;
	vertical-align: middle;
	margin: 0;
}

#header ul li.head_menu{
	vertical-align: bottom;
	margin: 0;
}

#header ul li.head_menu ul.menu{
	float: right;
	padding: 15px 0 11px 0;
	overflow: hidden;
}

#header ul li.head_menu ul.menu:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #header ul li.head_menu ul.menu {
	height: 1em;
	overflow: visible;
}
/**/

#header ul li.head_menu ul.menu li{
	float: left;
	margin: 0 0 0 20px;
	vertical-align: bottom;
}

#header ul li.head_menu table.submenu{
	float: right;
	padding: 20px 0 0 0;
}

#header ul li.head_menu table.submenu td{
	padding: 0 0 0 20px;
	vertical-align: bottom;
}

/************ header end ************/


/************ content start ************/
#contents{
	width: 940px;
	padding: 10px 20px 0 20px;
	font-color: #231815;
	overflow: hidden;
}

#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #contents {
	height: 1em;
	overflow: visible;
}
/**/

#contents .bread{
	padding: 0 0 10px 0;
}

#contents #main{
	width: 680px;
	float: left;
}

#contents #side{
	width: 240px;
	float: right;
}

#contents #main2{
	width: 940px;
}

#cmn{
	padding: 20px 0 10px 0;
	text-align: center;
}

#cmn a:link    { color: #231815; text-decoration: none; }
#cmn a:visited { color: #231815; text-decoration: none; }
#cmn a:active  { color: #bda7a1; text-decoration: underline; }
#cmn a:hover   { color: #bda7a1; text-decoration: underline; }

/************ content end ************/


/************ sidebar start ************/
#side .campaign{
	padding: 0 0 20px 0;
}

#side .campaign a:hover img{
	-moz-opacity:0.70;
	opacity:0.70;
	filter:alpha(opacity=70);
}

#side ul.tolink{
	padding: 10px 0 20px 0;
}

#side ul.tolink li{
	padding:0 0 5px 25px;
	background-image: url(/images/side/ic_link.gif);
	background-repeat: no-repeat;
}

#side dl.regist{
	padding: 10px 0 0 0;
	overflow: hidden;
}

#side dl.regist:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #side dl.regist {
	height: 1em;
	overflow: visible;
}
/**/
#side dl.regist dt{
	float:left;
	padding:0 10px 0 0;
}

#side dl.regist dd{
	float:left;
}

#side .explain{
	padding: 10px 0 20px 0;
}

#side .explain2{
	padding: 10px 0 40px 0;
}

#side .txS a:link    { color: #bd930f; text-decoration: underline; }
#side .txS a:visited { color: #bd930f; text-decoration: underline; }
#side .txS a:active  { color: #fddf82; text-decoration: none; }
#side .txS a:hover   { color: #fddf82; text-decoration: none; }

#side dl.login{
	margin: 10px 0 0 0;
}

#side dl.login dt{
	float:left;
	width: 100px;
	padding: 0 8px 10px 0;
	line-height: 1.4;
}

#side dl.login dd{
	width: 130px;
	float:left;
	padding: 0 0 10px 0;
}

#side dl.login input.mail{
	width: 130px;
}

#side dl.login input.pass{
	width: 100px;
}

#side .submit{
	padding: 10px 0 10px 0;
}


#side dl.ad{
	padding: 0 0 0 0;
}

#side dl.ad dt{
	float:left;
	width: 115px;
	padding: 0 10px 10px 0;
	line-height: 1.4;
}

#side dl.ad dd{
	width: 115px;
	float:left;
	padding: 0 0 10px 0;
}

#side dl.ad a:hover img{
	-moz-opacity:0.70;
	opacity:0.70;
	filter:alpha(opacity=70);
}

#side .logout {
	margin: 0 0 20px 0;	
}

#side .campaign_banner {
	margin: 0 0 10px 0;	
}

/************ sidebar end ************/


/************ footer start ************/
#footer{
	width: 980px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

#footer .pagetop{
	float:right;
}

#footer .copyright{
	padding: 5px 0 0 120px;
	font-family: Helvetica, arial, 'Osaka';
}


/************ footer end ************/


