/*-------------------------
1.general
2.header
3.global navigation
4.notice_board
5.footer
6.sub general
7.concept
----------------------------*/

/*--------------------1.general-----------------------*/
*{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,p,img,li,ul{
	margin: 0;
	padding: 0;
}
						   
body{
     background-color: #ffffff;
	 font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","ＭＳ　Ｐゴシック",sans-serif;
	 font-size: 75%;
}
	 
.clear{
	clear: both;
}

p{
	margin: 18px 80px 0 80px;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	color: #333;
}

em.orange{
	color: #fa7c16;
	font-style: normal;
	text-decoration: none;
}

.small{
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.7em;
}

a{
	color: #42633c;
}

a:hover{
	color: #fa7c16;
}

img{
	border: none;
}

/*--------------------2.header-----------------------*/

#box_header{
	height:32px;
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(../image/global/bg_box_header.gif) top left repeat-x;
}

#header{
	width: 800px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
}

#header_button{
	margin: 0;
	padding: 0;
	float: right;
	width: 246px;
	height: 32px;
}

#header_button ul{
	margin: 0;
	padding: 0;
}

#header_button li{
	list-style: none;
	float:right;
	background-position: 0 0;
}

#header_button li a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#concept #header_button li a:hover,
#concept #header_button li a.link{
	background-position: 0 -32px;
}

#header_button #header_invitation a{
	background: url(../image/global/header_invitation.gif) no-repeat;
	width: 68px;
	height: 32px;
}

#header_button #header_mailmaga a{
	background: url(../image/global/header_mailmaga.gif) no-repeat;
	width: 89px;
	height: 32px;
}

#header_button #header_contact a{
	background: url(../image/global/header_conatct.gif) no-repeat;
	width: 89px;
	height: 32px;
}


/*-----------------3.global navigation---------------*/

#gnav{
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 66px;
	text-indent: -9999px;
	vertical-align: top;
}

#gnav ul{
	margin: 0;
	padding: 0;
}

#gnav li{
	list-style: none;
	float: left;
	height: 66px;
	background-position: 0 0;
	text-indent: -9999px;
}

#gnav li a{
	display: block;
	width: 100%;
	height: 100%;
}

#concept #gnav li a:hover,
#concept #gnav li a.link{
	background-position: 0 -66px;
}

#gnav #logo a{
	background: url(../image/global/logo.jpg) no-repeat;
	width: 105px;
}

#gnav #gnav_about a{
	background: url(../image/global/gnav_about.jpg) no-repeat;
	width: 169px;
}

#gnav #gnav_plan a{
	background: url(../image/global/gnav_plan.jpg) no-repeat;
	width: 130px;
}

#gnav #gnav_life a{
	background: url(../image/global/gnav_life.jpg) no-repeat;
	width: 122px;
}

#gnav #gnav_staffblog a{
	background: url(../image/global/gnav_staffblog.jpg) no-repeat;
	width: 136px;
}

#gnav #gnav_access a{
	background: url(../image/global/gnav_access.jpg) no-repeat;
	width: 138px;
}

/*--------------------4.notice_board------------------*/

#box_notice_board{
	width: 100%;
	height: 41px;
	background-color: #42633c;
}	

#notice_board{
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 41px;
	text-align: center;
}

/*--------------------5.footer-----------------------*/

#box_footer{
	width: 100%;
	height: 141px;
	background: url(../img/global/footer_bg.gif) top left repeat-x;
}

#footer{
	width: 800px;
	height: 118px;
	background-color: #fff;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#freefone{
	margin: 0 0 0 0;
	padding: 0;
	width: 165px;
	height: 73px;
	position: absolute;
	top: 0;
	left: 0;
}

#hours{
	margin: 0 0 0 0;
	padding: 0;
	width: 236px;
	height: 73px;
	position: absolute;
	top: 0;
	left: 165px;
}

#logo_will{
margin: 0 0 0 0;
padding: 0;
width: 223px;
height: 70px;
position: absolute;
top: 24px;
right: 0;
}

#footer_privacy{
	margin: 0 0 0 0;
	padding: 0;
	width: 401px;
	height: 20px;
	position: absolute;
	top: 73px;
	left: 0;
}


/*------------- 6.sub general---------------*/

#box_main{
	margin: 8px auto 80px auto;
	width: 800px;
	text-align: left;
}

#box_main h1{
	margin: 56px 0 0 68px;
	padding: 0;
}

#box_main h2{
	border-collapse: collapse;
	border-left: #42633c solid 4px;
	padding: 3px 15px 0 12px;
	font-size: 1em;
	line-height: 1.2em;
	margin: 33px 0 0 80px;
	color: #333;
}

/*------------ 7.concept -------------------------*/

#box_concept{
	width: 667px;
	text-align: center;
	margin: 0 auto;
}

#concept01{
	margin: 80px auto 0 auto;
}

#concept02{
	margin: 30px auto 0 auto;
}

#concept03{
	margin: 86px auto 0 auto;
}

#concept04{
	margin: 80px auto 0 auto;
}

#concept05{
	margin: 30px auto 0 auto;
}

/*------------ 8.stuffblog_list.arti -------------------------*/
#box_bloglist{
	width: 800px;
	text-align: center;
	margin: 38px auto 20px auto;
}

#box_blogcont {
width:800px;
margin-top:14px;
}

#box_leftcont {
width:546px;
float:left;
text-align:left;
}

#box_rightcont {
width:220px;
float:left;
margin-left:34px;
text-align:left;
}

#box_paging {
width:545px;
height:26px;
padding-top:12px;
text-align:right;
}

#box_paging2 {
width:546px;
height:26px;
padding-top:12px;
text-align:right;
margin-top:41px;
float:left;
}

.float_rig {
float:right;
margin-right:0px;
margin-top:0px;
margin-left:12px;
}

#box_listframe {
width:509px;
padding-left:37px;
}

.listbox {
width:509px;
margin-top:20px;
}

.listbox2 {
width:509px;
margin-top:36px;
}

.list_title {
font-size:130%;
font-weight:bold;
text-align:left;
color:#42633C;
width:466px;
height:28px;
padding-left:43px;
padding-top:10px;
background:url(../image/stuff_blog/blog_titlelabel.gif);
background-repeat:no-repeat;
background-position:0 0;
margin:0px;
}

.list_title a {
text-decoration:none;
}


.list_date {
width:495px;
height:21px;
font-size:inherit;
text-align:right;
color:#42633C;
padding-right:14px;
padding-top:12px;
margin:0;
}

.list_photo {
width:175px;
height:122px;
float:left;
background-image:url(../image/stuff_blog/blog_photoflame.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

.photo_margin {
margin-top:9px;
margin-left:9px;
}

.list_photo2 {
width:175px;
margin:0;
letter-spacing:0px;
line-height:10px;
}

.list_txt {
width:315px;
float:left;
margin-left:13px;
padding-top:7px;
text-align:left;
line-height:22px;
}

.list_txt2 {
width:315px;
float:left;
margin-right:13px;
padding-top:7px;
text-align:left;
line-height:22px;
}

.list_btn {
text-align:right;
margin-top:5px;
height:21px;
}

.arti_txt {
text-align:left;
margin-top:30px;
line-height:22px;
}

.arti_txt2 {
text-align:left;
margin-top:35px;
line-height:22px;
}


.arti_phototxt {
font-size:80%;
margin-left:10px;
margin-top:122px;
}

.list_topbox30 {
margin-top:30px;
}

.list_topbox35 {
margin-top:35px;
}

.arti_writer {
width:499px;
height:45px;
border-top-style:solid;
border-top-width:1px;
border-color:#cccccc;
margin-top:25px;
padding-top:10px;
padding-right:10px;
text-align:right;
}

.arti_linkcolor {
color:#42633C;
}

.arti_photo_top {
width:175px;
height:11px;
font-size:1px;
margin:0;
padding:0;
line-heigh:0px;
}

.arti_photo_bottom {
width:175px;
height:7px;
font-size:1px;
margin:0;
padding:0;
line-heigh:0px;
}

.arti_photo_text {
width:154px;
font-size:88%;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
background-image:url(../image/stuff_blog/photo_flame_bkg.gif);
background-repeat:repeat-y;
text-align:left;
line-height:10px;
}

.arti_photo_main {
width:154px;
padding-left:10px;
padding-right:11px;
background-image:url(../image/stuff_blog/photo_flame_bkg.gif);
background-repeat:repeat-y;
}

#arti_kizi_box {
width:509px;
margin-top:6px;
font-size:100%;
color:#333333;
line-height:17px;
}

.arti_box_top10 {
margin-top:10px;
}


/*------------ right contents ----------------------*/

#right_latest {
width:218px;
padding-bottom:11px;
border-style:solid;
border-width:1px;
border-color:#ABAB9E;
background-image:url(../image/stuff_blog/blog_right_title1.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#right_latest ul {
list-style:none;
margin:55px 0 0 0 ;
}

#right_latest li {
font-size:80%;
padding-left:9px;
background-image:url(../image/stuff_blog/blog_icon1.gif);
background-repeat:no-repeat;
background-position:left;
margin-top:11px;
margin-left:13px;
}

#right_moon {
width:218px;
padding-bottom:11px;
border-style:solid;
border-width:1px;
border-color:#ABAB9E;
background-image:url(../image/stuff_blog/blog_right_title2.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#right_moon ul {
list-style:none;
margin:55px 0 0 0 ;
}

#right_moon li {
font-size:80%;
padding-left:9px;
background-image:url(../image/stuff_blog/blog_icon1.gif);
background-repeat:no-repeat;
background-position:left;
margin-top:11px;
margin-left:13px;
}

#right_link {
width:218px;
padding-bottom:11px;
border-style:solid;
border-width:1px;
border-color:#ABAB9E;
background-image:url(../image/stuff_blog/blog_right_title4.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#right_link ul {
list-style:none;
margin:55px 0 0 0 ;
}

#right_link li {
font-size:80%;
padding-left:9px;
background-image:url(../image/stuff_blog/blog_icon1.gif);
background-repeat:no-repeat;
background-position:left;
margin-top:11px;
margin-left:13px;
}

#right_member {
width:218px;
padding-bottom:11px;
border-style:solid;
border-width:1px;
border-color:#ABAB9E;
background-image:url(../image/stuff_blog/blog_right_title3.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#right_member td {
font-size:80%;
}

.td01 {
padding-right:14px;
padding-bottom:9px;
}

.td02 {
padding-bottom:9px;
}

.td03 {
padding-right:14px;
}

.td04 {
margin-top:6px;
line-height:16px;
}

.td05 {
font-size:80%;
padding-top:5px;
padding-bottom:5px;
}

.td06{
padding-right:5px;
padding-bottom:10px;
}

.td07{
padding-left:10px;
padding-top:10px;
padding-bottom:8px;
}

.margin_ff {
margin:0;
font-size:1px;
}


.face_name {
font-size:120%;
}

.right_tbl {
margin-left:12px;
margin-top:55px;
}

.right_topbox01 {
margin-top:10px;
}

.linkcol {
color:#333333;
text-decoration:none;
}

/*------------ font ----------------------*/

.green_big{
color: #427e67;
font-weight: bold;
font-size: x-large;
line-height: 1.3em;
}

.pink_big{
color: #ffa4a4;
font-weight: bold;
font-size: x-large;
line-height: 1.3em;
}

.green{
color: #427e67;
font-weight: bold;
}

.pink{
color: #ffa4a4;
font-weight: bold;
}