@charset "UTF-8";

/* Base
================================================ */
/* Default_Initialize
--------------------------*/
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}

p, ol, ul, li, dl, dt, dd{
	margin: 0;
	padding: 0;
}

img{
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

form{
	margin: 0;
	padding: 0;
}

/* Body
================================================ */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	width:100%;
	text-align:center;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color: #3a222a;
}

html {
	overflow-y: scroll;
}

a:link    {text-decoration: underline; color: #711524;}
a:visited {text-decoration: underline; color: #711524;}
a:hover   {text-decoration: none; color: #3a222a;}
a:active  {text-decoration: none; color: #3a222a;}

/* Head
================================================ */
#header {
	background-color: #ffffff;
	background-image: url(../images/caption_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 888px;
	height: 166px;
	margin: 0 auto;
}

#header p.sitename {
	font-size: 4px;
	text-indent:-999999px;
}

#header h1.caption {
	float: left;
	width: 840px;
	height: 25px;
	font-size: 13px;
	color: #f3748d;
	text-align: right;
	padding: 5px 40px 0 0;
}

.logo_block {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 888px;
	height: 92px;
}

.title_logo {
	float: left;
	background-color: #ffffff;
	width: 296px;
	height: 82px;
	padding: 10px 0 0 0;
}

.company_logo {
	float: right;
	background-color: #ffffff;
	width: 285px;
	height: 82px;
	padding: 10px 10px 0 0;
}
	
/* Navi
================================================ */
#navi {
	float: left;
	background-image: url(../images/menu_bt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 888px;
	height: 41px;
	margin: 0 auto;
	padding: 0;

}

#navi ul {
	list-style: none;
	width: 888px;
}

#navi ul li {
	float:left;
}


#navi ul a{
	display:block;
	width: 100%;
	height: 41px;
	text-indent:-999999px;
	background-image: url(../images/menu_bt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

/* Navi Rollover */
#navi ul li.n-top{ width: 148px;}
#navi ul li.n-top a{ background-position: 0px 0px;}
#navi ul li.n-top a:hover{ background-position: 0px -41px;}
#navi ul li.n-top_now{ width: 148px;}
#navi ul li.n-top_now a{ background-position: 0px -41px;}

#navi ul li.n-profile{ width: 148px;}
#navi ul li.n-profile a{ background-position: -148px 0px;}
#navi ul li.n-profile a:hover{ background-position: -148px -41px;}
#navi ul li.n-profile_now{ width: 148px;}
#navi ul li.n-profile_now a{ background-position: -148px -41px;}

#navi ul li.n-hachiji{ width: 148px;}
#navi ul li.n-hachiji a{ background-position: -296px 0px;}
#navi ul li.n-hachiji a:hover{ background-position: -296px -41px;}
#navi ul li.n-hachiji_now{ width:  148px;}
#navi ul li.n-hachiji_now a{ background-position: -296px -41px;}

#navi ul li.n-fengshui{ width: 148px;}
#navi ul li.n-fengshui a{ background-position: -444px 0;}
#navi ul li.n-fengshui a:hover{ background-position: -444px -41px;}
#navi ul li.n-fengshui_now{ width:  148px;}
#navi ul li.n-fengshui_now a{ background-position: -444px -41px;}

#navi ul li.n-kantei{ width: 148px;}
#navi ul li.n-kantei a{ background-position: -592px 0;}
#navi ul li.n-kantei a:hover{ background-position: -592px -41px;}
#navi ul li.n-kantei_now{ width:  148px;}
#navi ul li.n-kantei_now a{ background-position: -592px -41px;}

#navi ul li.n-contact{ width: 148px;}
#navi ul li.n-contact a{ background-position: -740px 0;}
#navi ul li.n-contact a:hover{ background-position: -740px -41px;}
#navi ul li.n-contact_now{ width:  148px;}
#navi ul li.n-contact_now a{ background-position: -740px -41px;}

/* Menu_under
================================================ */
.menu_line {
	clear: both;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	width: 888px;
	height: 12px;
	overflow: hidden;
}

.menu_line_nf {
	clear: both;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0 0 3px 0;
	width: 888px;
	height: 12px;
	overflow: hidden;
}

/* Pagebody
================================================ */
.flash_box {
	background-color: #FFFFFF;
	background-image: url(../images/flash_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 888px;
	height: 251px;
	overflow: hidden;
}

/* Flash_under
================================================ */
.flash_line {
	clear: both;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	width: 888px;
	height: 17px;
	overflow: hidden;
}
	
/* Pagebody
================================================ */
#pagebody {
	width: 888px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}


/* Contents
================================================ */	
#contents {
	float: right;
	width: 620px;
	height: auto;
	text-align: left;
	background-color: #ffffff;
	overflow: hidden;
}

/* SideMenu
================================================ */

#sidemenu {
	float: left;
	width: 250px;
	height: auto;
	text-align: left;
	background-color: #ffffff;
}

#sidemenu .box_top {
	float: left;
	background-image: url(../images/250box_top.gif);
	background-repeat: no-repeat;
	background-position:  left top;
	width: 250px;
	height: 46px;
	overflow: hidden;
}

#sidemenu .box_top h4{
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	height: 15px;
	text-align: left;
	padding: 13px 0 0 25px; 
}

#sidemenu .box_top p{
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	height: 15px;
	text-align: left;
	padding: 13px 0 0 25px; 
}

#sidemenu .box_mid {
	clear: left;
	float: left;
	background-image: url(../images/250box_mid.gif);
	background-repeat: repeat-y;
	background-position:  left top;
	width: 250px;
	height: 140px;
	overflow: hidden;
	line-height: 28px;
	font-weight: bold;
}

#sidemenu .box_mid li {
	list-style-type: none;
	display: block;
}

#sidemenu .box_mid ul a{
	margin: 0;
	padding-left: 38px;
}

#sidemenu .box_bot {
	clear: left;
	float: left;
	background-image: url(../images/250box_bot.gif);
	background-repeat: no-repeat;
	background-position:  left top;
	width: 250px;
	height: 10px;
	overflow: hidden;
	padding-bottom: 10px;
}

/* Event_Link */
#sidemenu .event_bt {
	clear: left;
	float: left;
	background-color: #ffffff;
	width: 250px;
	height: 88px;
	margin: 0;
	padding: 0 0 10px 0;
}

#sidemenu .event_bt ul {
	list-style: none;
	width: 250px;
}

#sidemenu .event_bt ul li {
	float:left;
}

#sidemenu .event_bt ul a{
	display:block;
	width: 250px;
	height: 88px;
	text-indent:-999999px;
	background-image: url(../images/event_bt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

#sidemenu .event_bt ul li.s-event{ width: 250px;}
#sidemenu .event_bt ul li.s-event a{ background-position: 0px 0px;}
#sidemenu .event_bt ul li.s-event a:hover{ background-position: 0px -88px;}

/* Blog_Link */
#sidemenu .blog_bt {
	clear: left;
	float: left;
	background-color: #ffffff;
	width: 250px;
	height: 70px;
	margin: 0;
	padding: 0 0 10px 0;
}

#sidemenu .blog_bt ul {
	list-style: none;
	width: 250px;
}

#sidemenu .blog_bt ul li {
	float:left;
}

#sidemenu .blog_bt ul a{
	display:block;
	width: 250px;
	height: 70px;
	text-indent:-999999px;
	background-image: url(../images/blog_bt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

#sidemenu .blog_bt ul li.s-blog{ width: 250px;}
#sidemenu .blog_bt ul li.s-blog a{ background-position: 0px 0px;}
#sidemenu .blog_bt ul li.s-blog a:hover{ background-position: 0px -70px;}

/* Mobile_Link */
#sidemenu .mobile_info {
	clear: left;
	float: left;
	width: 250px;
	height: 251px;
	background-image: url(../images/mobile_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
}

#sidemenu .mobile_info p{
	float: left;
	width: 226px;
	height: auto;
	font-size: 12px;
	line-height: 18px;
	padding: 96px 0 0 12px;
	color: #000000;
}

/* Footer
================================================ */
#footer {
	clear: both;
	background-image: url(../images/footer_back.gif);
	background-repeat: no-repeat;
	background-position:  left top;
	width: 888px;
	height: 73px;
	margin: 0 auto;
	padding: 0;	
}

/* global navi */
#footer div.gnavi {
	float: left;
	height: 15px;
	width: 600px;
	padding: 20px 0 0 240px;
	text-align: left;
	font-size: 10px;
	
}

.gnavi li {
	list-style-type: none;
	display:inline
}

.gnavi ul a{
	margin: 0;
	padding: 0;
}

/* Address */
#footer h5 {
	clear: left;
	float: left;
	height: 15px;
	width: 640px;
	padding: 10px 0 0 240px;
	text-align: left;
	font-size: 12px;
	
}

/* copyright */
#copy {
	font-family: "Arial", "Helvetica", "sans-serif";
	margin: 0 auto;
	padding: 0;	
	width: 878px;
	height: 13px;
	font-size: 13px;
	text-align: right;
	color: #FF0066;
	padding: 3px 10px 15px 0;
}

/* TABLE
================================================ */
table {
        border: 1px solid #FFFFFF;
        border-collapse: separate;
        border-spacing: 1px;
}
th {
        padding: 5px;
		border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #ff9eb1;
        border-bottom: 1px solid #ff9eb1;
        background-color: #fcc1cc;
}
td {
        padding: 5px;
		border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #ff9eb1;
        border-bottom: 1px solid #ff9eb1;
        background-color: #feeff2;
}


/* Index.html
================================================ */
#contents .top_info {
	float: right;
	width: 620px;
	height: 158px;
	background-image: url(../images/top_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
}

#contents .top_info p{
	float: left;
	width: 551px;
	height: auto;
	font-size: 13px;
	line-height: 20px;
	padding: 56px 0 0 55px;
}

/* Index Banner Kantei*/
#contents .kantei_info {
	float: right;
	width: 305px;
	height: 72px;
	background-color: #ffffff;
	overflow: hidden;
	margin: 0;
	padding: 0;
	padding: 0 10px 10px 0;
}

#contents .kantei_info ul {
	list-style: none;
	width: 305px;
}

#contents .kantei_info ul li {
	float:left;
}

#contents .kantei_info ul a{
	display:block;
	width: 605px;
	height: 71px;
	text-indent:-999999px;
	background-image: url(../images/kantei_bt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

#contents .kantei_info ul li.b-kantei{ width: 305px;}
#contents .kantei_info ul li.b-kantei a{ background-position: 0px 0px;}
#contents .kantei_info ul li.b-kantei a:hover{ background-position: 0px -71px;}

/* Index Banner Profile*/
#contents .profile_info {
	clear: right;
	float: right;
	width: 305px;
	height: 72px;
	background-color: #ffffff;
	overflow: hidden;
	margin: 0;
	padding: 0;
	padding: 0 0 10px 0;
}

#contents .profile_info ul {
	list-style: none;
	width: 305px;
}

#contents .profile_info ul li {
	float:left;
}

#contents .profile_info ul a{
	display:block;
	width: 605px;
	height: 71px;
	text-indent:-999999px;
	background-image: url(../images/prof_bt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

#contents .profile_info ul li.b-profile{ width: 305px;}
#contents .profile_info ul li.b-profile a{ background-position: 0px 0px;}
#contents .profile_info ul li.b-profile a:hover{ background-position: 0px -71px;}


/* Whats New BOX */
#contents .lbox_top {
	clear: right;
	float: right;
	background-image: url(../images/620box_top.gif);
	background-repeat: no-repeat;
	background-position:  left top;
	width: 620px;
	height: 41px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 6px 0;
}

#contents .lbox_top h3{
	float: right;
	font-size: 14px;
	font-weight: bold;
	width: 590px;
	height: 15px;
	text-align: left;
	padding: 12px 0 0 0;
	color: #711524;
}

#contents .lbox_mid_new {
	clear: right;
	float: right;
	background-image: url(../images/620box_mid.gif);
	background-repeat: repeat-y;
	background-position:  left top;
	width: 620px;
	height: auto;
	overflow: hidden;
}

#contents .lbox_bot_new {
	clear: right;
	float: right;
	background-image: url(../images/620box_bot.gif);
	background-repeat: no-repeat;
	background-position:  left top;
	width: 620px;
	height: 17px;
	overflow: hidden;
}

/* Whats New */
#contents .news_title {
	width: 600px;
	height: 15px;
	padding: 0 0 5px 10px;
	font-weight: bold;
	font-size: 12px;
	color: #e94a62;
}

#contents .news_desc {
	width: 580px;
	height: auto;
	padding: 0;
	font-size: 12px;
	padding: 0 0 0 19px;
}

#contents .news_line {
	width: 600px;
	height: 1px;
	padding: 5px 0 10px 10px;
}

#contents .news_all {
	width: 600px;
	height: 15px;
	padding: 0 10px 0 0;
	text-align: right;
	font-size: 9px;
}

/* Co-menu */
#contents .comenu {
	clear: right;
	float: right;
	background-image: url(../images/comenu_back.gif);
	background-repeat: no-repeat;
	background-position:  right top;
	width: 620px;
	height: 28px;
	overflow: hidden;
	font-size: 10px;
}

#contents .comenu a.pp{
	float: left;
	padding: 8px 0 0 315px;
}

#contents .comenu a.sitem{
	float: left;
	padding: 8px 0 0 51px;
}

#contents .comenu a.links{
	float: left;
	padding: 8px 0 0 61px;
}

/* Profile.html
================================================ */
#contents .profiletop {
	float: right;
	width: 620px;
	height: 168px;
	background-image: url(../images/profile_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

#contents .sakuraimage {
	clear: right;
	float: right;
	width: 620px;
	height: 250px;
	background-image: url(../images/sakura.jpg);
	background-repeat: no-repeat;
	background-position:  left top;
	overflow: hidden;
}

#contents .sakuraimage p{
	width: 380px;
	height: auto;
	text-align: left;
	font-size: 13px;
	line-height: 30px;
	color: #8a5858;
	padding: 11px 0 0 218px;
}

#contents .lbox_mid {
	clear: right;
	float: right;
	background-image: url(../images/lbox_mid.gif);
	background-repeat: repeat-y;
	background-position:  left top;
	width: 620px;
	height: auto;
	overflow: hidden;
}

#contents .lbox_mid_txt{
	width: 576px;
	height: auto;
	text-align: left;
	font-size: 13px;
	line-height: 28px;
	padding: 4px 0 0 28px;
}

#contents .lbox_mid_list{
	float: left;
	width: 220px;
	height: auto;
	text-align: left;
	font-size: 13px;
	line-height: 28px;
	padding: 0 0 0 28px;
}

#contents .lbox_mid_list ul.lists li{
	list-style-position : inside ;
	list-style-image : url(../images/ul0.gif) ;
}

#contents .lbox_mid_list ul.lists li ul li.hana{
	padding-left: 10px;
	list-style-position : inside ;
	list-style-image : url(../images/ul1.gif) ;
}


#contents .lbox_mid_list ul.lists li ul li.hana ul li.point{
	padding-left: 15px;
	list-style-position : inside ;
	list-style-image : url(../images/ul2.gif) ;
}

#contents .lbox_mid_detail{
	float: left;
	width: 320px;
	height: auto;
	text-align: left;
	font-size: 11px;
	color: #8a5858;
	line-height: 28px;
	padding: 3px 0 0 0px;
}

#contents .lbox_bot {
	clear: right;
	float: right;
	background-image: url(../images/620box_bot.gif);
	background-repeat: no-repeat;
	background-position:  left top;
	width: 620px;
	height: 17px;
	overflow: hidden;
	padding-bottom: 10px;
}

/* Hachiji.html
================================================ */
#contents .hachijitop {
	float: right;
	width: 620px;
	height: 168px;
	background-image: url(../images/hachiji_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

/* Fengshui.html
================================================ */
#contents .fengshuitop {
	float: right;
	width: 620px;
	height: 168px;
	background-image: url(../images/fengshui_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}


/* Kantei.html
================================================ */
#contents .kanteitop {
	float: right;
	width: 620px;
	height: 168px;
	background-image: url(../images/kantei_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}


#contents .sakuraimage2 {
	clear: right;
	float: right;
	width: 620px;
	height: 280px;
	background-image: url(../images/sakura2.jpg);
	background-repeat: no-repeat;
	background-position:  left top;
	overflow: hidden;
}

#contents .sakuraimage2 p{
	width: 600px;
	height: auto;
	text-align: left;
	font-size: 13px;
	line-height: 30px;
	color: #8a5858;
	padding: 11px 0 0 20px;
}

#contents .sakuraimage2 strong{
	font-size: 13px;
	color: #ff0000;
}

#contents .kanteip{
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	padding-left:10px;
}

#contents .kanteip .time{
	color: #ff3c00;
}


#contents .kanteip .route{
	font-size: 11px;
	line-height: 15px;
	color: #378b15;
}

#contents .kanteip strong{
	color: #ff0000;
}

#contents .lbox_mid_list2{
	float: left;
	width: 590px;
	height: auto;
	text-align: left;
	font-size: 13px;
	line-height: 28px;
	padding: 0 0 0 28px;
	margin: 0;
}

#contents .lbox_mid_list2 ul.lists li{
	list-style-position : inside ;
	list-style-image : url(../images/ul0.gif) ;
}

#contents .lbox_mid_list2 ul.lists li ul li.hana{
	padding-left: 10px;
	list-style-position : inside ;
	list-style-image : url(../images/ul1.gif) ;
}


#contents .lbox_mid_list2 ul.lists li ul li.hana ul li.point{
	padding-left: 15px;
	list-style-position : inside ;
	list-style-image : url(../images/ul2.gif) ;
}

#contents .lbox_mid_list2 ul.lists li ul li.hana ul li.pointr{
	padding-left: 15px;
	list-style-position : inside ;
	list-style-image : url(../images/ul2.gif) ;
	color: #ff0000;
}

#contents .lbox_mid_colist{
	float: left;
	width: 260px;
	height: auto;
	text-align: left;
	font-size: 13px;
	line-height: 28px;
	padding: 0 0 0 20px;
	margin: 0;
}

#contents .lbox_mid_colist ul.colist li{
	list-style-position : inside ;
	list-style-image : url(../images/ul1.gif) ;
}

#contents .lbox_mid_colist_caption{
	width: 560px;
	height: auto;
	text-align: right;
	font-size: 11px;
	line-height: 28px;
	color: #fb572a;
	padding: 0;
	margin: 0;
}

/* Contact.html
================================================ */
#contents .contacttop {
	float: right;
	width: 620px;
	height: 168px;
	background-image: url(../images/contact_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

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

.profilebox {
	margin: 0 15px 35px 15px;
	width: 595px;
}

.profilebox th {
	font-weight: normal;
	color: #333333;
	background-image: url(../images/bg_th.gif);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #ffffff;
	padding: 7px 15px;
	width: 160px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #FFDEDE;
	border-left: 1px solid #FFDEDE;	
}

.profilebox td {
	border-top: 1px solid #FFDEDE;
	border-left: 1px solid #FFDEDE;	
	padding: 7px 10px;
}

.attention {
	color: #fe7296;
	font-weight: bold;
}

.minitext {
	font-size: 11px;
}

.c-name,.c-mail,.c-tel,.c-url,.c-add,.c-pr{
	width: 300px;
}

.c-school {
	width: 230px;
	margin-bottom: 3px;
}

.c-department {
	width: 230px;
}

.c-zip {
	width: 80px;
	margin-bottom: 3px;
}

.c-birthyear {
	width: 40px;
}

.btn {
	text-align: center;
}

.btn input{
	margin-right: 10px;
}

.infobox {
	list-style: none;
	border: 1px solid #DEDEDE;
	padding: 15px;
	margin-bottom: 300px;
}

.infobox li {
	margin-bottom: 5px;
}

/* Thanks.html
================================================ */
#contents .thankstop {
	float: right;
	width: 620px;
	height: 168px;
	background-image: url(../images/thanks_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

/* Sitemap.html
================================================ */
#contents .sitemaptop {
	float: right;
	width: 620px;
	height: 168px;
	background-image: url(../images/sitemap_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

#contents .linktxt {
	line-height: 20px;
}
