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

/* **************************************************
   set up
   ************************************************** */
body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,img{
	margin: 0px;
	padding: 0px;
}
body {
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:22px;
}

.small{font-size:10px;
line-height:18px;}

.top_text{
font-size:13px;
line-height:22px;}

h4{font-size:14px;
color:#996935;
line-height:22px;}

.brown{color:#996935;}
.textbg{
	background-color: #f1ece2;
}

h5{
	font-size: 12px;
	color: #996935;
	font-weight: bold;
}

h6{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}


/*justify flick macIE\*/
p{
	text-align:justify;
	text-justify:distribute;
}
/**/
img{
	border: none;
}
ul{
	list-style-type: none;
}
li img{
	display: block;
}

/* ------------------------------------- 
 *	link
 * ------------------------------------- */
a:link	  {
	color: #656363;
	text-decoration:underline;
}
a:visited {
	color: #656363;
	text-decoration:underline;
}
a:hover   {
	color: #656363;
	text-decoration: none;
}
a:active  {
	color: #656363;
	text-decoration: none;
}

/* ***************************************************
   tools
   *************************************************** */
/* ------------------------------------- 
 *	clear
 * ------------------------------------- */
.clearF{
	zoom: 100%;
}
.clearF:after { 
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clear{
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}

/* ------------------------------------- 
 *	negative 
 * ------------------------------------- */
.noRight{
	margin-right: 0px !important;
} 
 
/* ***************************************************
   layout
   *************************************************** */
/* ------------------------------------- 
 *	bg
 * ------------------------------------- */
body {
background-image:url(images/top_bg.gif);
background-repeat:no-repeat;
background-position:center top;
}

/* ------------------------------------- 
 *	center
 * ------------------------------------- */
body{
	text-align: center;/*Quirks mode*/
}
body #wrapper_01{
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
	width: 900px;
}

body #wrapper_02{
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
}


/* ------------------------------------- 
 *	全部一緒
 * ------------------------------------- */

#header{
	width:900px;
	height:130px;
}
#footer{
	width:100%;
	padding-bottom: 0.5em;
	background-image:url(images/line_dot.gif);
	background-repeat:repeat-x;
}

#container_top{
	width:900px;
	height:55px;}


.navi{
	width:900px;
	height:130px;
}


ul.menu li {
display: inline;
float:left;}

ul.submenu li {
display: inline;
float:left;}

.maenas{
	padding-top:20px;
	margin-right:10px;}

.join{
	text-align:left;
	padding-top:0.5em;
}

.rights{
	text-align:right;
	padding-top:0.5em;
}

#footer .rights a {
	margin-left: 27.7em;
}

.mar_b10{margin-bottom:10px;}
.mar_b20{margin-bottom:20px;}
.mar_b40{margin-bottom:40px;}

.box_p{
	padding:10px 10px 5px 10px;
}


/* share */
#container_left12{
	margin-left: 12px;
}
#container_up20{
	margin-top:20px;
}
#container_up10{
	margin-top:10px;
}
#container_up10dot{
	margin-top:10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background-image: url(images/line_dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}


#ftcopies {
	width: 900px;
	margin: 0em auto;
	padding: 28px 0em 0.5em 0em;
	background: url(images/dot.gif) repeat-x top;
	text-align: left;
	color: #999999;
	clear: both;
}
#ftcopies h1 {
	width: 230px;
	margin-left: 1em;
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: normal;
	text-indent: -1em;
	float: right;
}
#ftcopies h1 span {
	font-size: 90%;
	line-height: 110%;
}
#ftcopies h1 span#infobtn {
	margin: 0.5em 0em 0em 1.5em;
	padding: 0em 0.3em;
	background-color: #F6F6F6;
	border: 1px solid #EEEEEE;
	font-size: 80%;
	line-height: 2em;
}
#ftcopies h1 span#infobtn a {
	text-decoration: none;
	color: #999999;
}
#ftcopies h1 span#infobtn:hover {background-color: #FFCCCC;}
#ftcopies p {
	width: 630px;
	font-size: 0.8em;
	line-height: 1.6em;
	font-weight: normal;
	float: left;
}
#ftcopies:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#ftcopies {
 zoom:100%;
}