@charset "shift_jis";
/* ------------------------------------------------
	import
------------------------------------------------ */

@import "base.css";
@import "base_layout.css";
@import "base_setup.css";
@import "base_clear.css";
@import "styles.css";


/* ------------------------------------------------
	[ top ]
------------------------------------------------ */

#top_main {
	width:419px;
	float:left;
	}

#top_side {
	width:379px;
	float:right;
	}

.topSection h2 {
	margin:0;
	padding:0;
	}

.mainbtnblock {
	width:398px;
	padding:0 0 19px 21px;
	background:#f6f3f0;
	}


.mainbtnblock li {
	padding-top:10px;
	}

.detailBlock {
	margin-top:13px;
	}


.thum {
	background:#fff;
	padding:3px;
	float:left;
	margin-right:14px;
	border:1px solid #c8c8c8;
	}
	
.thum2 {
	background:#fff;
	padding:3px;
	float:left;
	border:1px solid #c8c8c8;
	}
.thum3 {
	background:#fff;
	padding:3px;
	float:left;
	}

.topSection {
	margin:0 0 40px 0;
	}

#bnrBlock {
	width:250px;
	float:right;
	}

#bnrBlock ul li {
	margin:0 0 10px 0;
	}
		
#newsBlock {
	width:547px;
	float:left;
	}
	
.newsList {
	margin:0 10px;
	}


.newsList li {
	clear:both;
	padding:11px 2px 11px 2px;
	background:url(../img/dot.gif) left bottom repeat-x;
	}

.newsList li .newsTitle {
	margin:-1.4em 0 0 6em;
	padding:0px;
	}

.newsList li .newsTitle img {
	width:68px;
	}

.newsList li .newsTitle a {
	margin-left:78px;
	margin-top:-1.4em;
	display:block;
	}




/* ------------------------------------------------
	[ business ]
------------------------------------------------ */

.businessList {
	width:325px;
	float:right;
	}
	
.businessList dt {
	margin:0 0 5px 2px;
	}

.businessList dt a {
	background:url(../img/i_arrow.gif) left 1px no-repeat;
	padding:0 0 0 18px;
	font-weight:bold;
	}


.businessList dd {
	line-height:1.6em;
	background:url(../img/dot.gif) left bottom repeat-x;
	padding:0 0 10px 2px;
	margin:0 0 10px 0;
	}

.businessList dd.noDot {
	background-image:none;
	}



/* ------------------------------------------------
	[ company ]
------------------------------------------------ */

.groupProfile {
	background:url(../img/dot.gif) left bottom repeat-x;
	padding:0 0 10px 0;
	margin-bottom:10px;
	margin-right:10px;
	width:285px;
	float:left;
	}


.groupProfile dt {
	padding:1px 0 5px 18px;
	margin-bottom:5px;
	font-weight:bold;
	background:url(../img/title_tip.gif) left top no-repeat;
	}

.groupProfile dd {
	line-height:1.6em;
	}



#companyProfile {
	position:relative;
	}

.company_pho {
	position:absolute;
	top:20px;
	left:367px;
	}

.txtright {
	text-align:right;
	}

.i_close {
	background:url(../../img/i_close.gif) left top no-repeat;
	padding:0 0 0 18px; 
	}

#mapTitle {
	background:url(../img/topics_title_bg_info.gif) left bottom repeat-x;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	}

.mapArea {
	width:576px;
	margin:30px auto 0;
	}

.mapArea p {
	margin:0 0 12px 0;
	}


/* ------------------------------------------------
	[ school ]
------------------------------------------------ */
.testDetail {
	margin:0 10px;
	}

.testDetail dt {
	font-weight:bold;
	margin-bottom:5px;
	}

.testDetail dd {
	margin-bottom:10px;
	margin:10px 15px 5px 80px;
	}

.columnWrap {
	border:1px solid #c5e8d6;
	padding:10px 15px 5px;
	}


.employeeList {
	width:300px;
	float:left;
	}

.school_copy img {
	
	}
.testDetail.dl.point5 {
	margin:20px 0px 20px 0px;
}

.testDetail.dl.point5 dt {
	margin-bottom:5px;
}

.testDetail.dl.point5 dd {
	margin:0px 0px 15px 60px;
	line-height:1.8;
}

#mode_Philosophy .section img {
	margin-bottom:7px;
}


/* ------------------------------------------------
	[ philosophy ]
------------------------------------------------ */

.philosophyHead {
	background:url(../../img/philosophy_head.gif) left top no-repeat;
	padding:185px 0 0;
	zoom:1;
	}
	
.philosophyBody {
	background:url(../../img/philosophy_body.gif) left top repeat-y;
	padding:0 35px 50px;
	text-align:center;
	font-size:1.17em;
	margin:0;
	}
.philosophyBody p {
	line-height:2.4em;
	}


.philosophyCopy {
	text-indent:-5000px;
	padding:0;
	margin:0;
	background:none;
	}

.philosophyFoot {
	margin-bottom:50px;
	}
	
.subBlock {
	border:1px solid #f1ece0;
	text-align:center;
	padding:15px 10px 10px;
	width:512px;
	margin:0 auto 30px;
	color:#6d5825;
	}

.subBlock h3.imgtitle {
	padding:0;
	}

.subSection {
	width:522px;
	margin:0 auto 30px;
	}

.subSection p {
	}


/* ------------------------------------------------
	[ personal ]
------------------------------------------------ */

#anchorBlock {
	border:1px solid #57C08B;
	padding:10px 0;
	}


#anchorBlock ul li a {
	background:url(../img/i_anchor.gif) left 2px no-repeat;
	padding:0 0 0 14px;
	}

#anchorBlock { 
    overflow:hidden; 
    _overflow:visible;
    _height:0; /* holly hack for ie6 */ 
    min-height:0; /* fix has layout bug for ie7 */ 
} 
#anchorBlock ul {
		padding-left:40px;
    border-left:1px solid #ccc; 
    margin:0 0 0 -11px; 
    _height:0; /* clear float for ie6 */ 
    min-height:0; /* clear float for ie7 */ 
} 
#anchorBlock ul:after{ content:"."; display:block; height:0; clear: left; visibility:hidden;} /* clear float */  
#anchorBlock ul li { 
    float:left; 
    height:1.6em; 
    white-space:nowrap; 
    padding:0 30px 0 30px; 
    margin:0 0 4px; 
    border-right:1px solid #ccc; 
}

#anchorBlock ul li.last {
	border-right:0;
	padding-right:0;
	} 

h3.imgtitle {
	padding:10px 0;
	margin:0 0 12px 0;
	background:none;
	}

h4 {
	margin:0 0 8px 0;
	}

.numTitle {
	padding:5px 0 5px 26px;
	background-repeat:no-repeat;
	background-position:left top;
	color:#57C08B;
	}

.num01 {background-image:url(../img/i_num01.gif)}
.num02 {background-image:url(../img/i_num02.gif)}
.num03 {background-image:url(../img/i_num03.gif)}
.num04 {background-image:url(../img/i_num04.gif)}
.num05 {background-image:url(../img/i_num05.gif)}
.num06 {background-image:url(../img/i_num06.gif)}
.num07 {background-image:url(../img/i_num07.gif)}
.num08 {background-image:url(../img/i_num08.gif)}
	

.flowSection {
	border:1px solid #ccc;/*57C08B*/
	padding:10px;
	}

.flowWrap {
	background:url(../img/flow_arrow.gif) center bottom no-repeat;
	padding:0 0 26px 0;
	}

.flowWrapEnd {
	background-image:none;
	margin-bottom:40px;
	}


.flowDetail dt {
	background:#f5f5f5;
	padding:3px 5px 4px 8px;
	font-weight:bold;
	margin:0 0 5px 0;
	border-left:#57C08B solid 5px;
	}

.flowDetail dd {
	margin:0 2px 10px 2px;
	}

/* ------------------------------------------------
	[ business ]
------------------------------------------------ */

.businessFlow {
	background:url(../img/flow_arrow2.gif) center bottom no-repeat;
	padding:0 0 21px 0;
	margin-bottom:10px;
	}
	
.noArrow {
	background:none;
	}


.businessFlow dt {
	width:165px;
	padding:10px 0 0 0;
	text-align:center;
	font-weight:bold;
	font-size:1.17em;
	color:#fff;
	float:left;
	clear:both;
	background:url(../img/business_flow_head.gif) left top no-repeat #3bbd7b;
	}

.businessFlow dd {
	background:url(../img/business_flow_foot.gif) left bottom no-repeat;
	padding:10px 0 12px 180px;
	}


.simpleList dt {
	background-repeat:no-repeat;
	background-position:left top;
	color:#57C08B;
	font-weight:bold;
	padding:0;
	margin-bottom:5px;
	}

.simpleList dd {
	margin-bottom:10px;
	background:url(../img/dot.gif) left bottom repeat-x;
	padding-bottom:10px;
	}
	


div#contents div.box2 dl dd p.link a:link,
div#contents div.box2 dl dd p.link a:visited,
body#newlife div.imgBox a:link,
body#newlife div.imgBox a:visited,
body#newlyweds div#contents div.imgBox p.link a:link,
body#newlyweds div#contents div.imgBox p.link a:visited,
div#contents div.recommended dl dd p.link a:link,
div#contents div.recommended dl dd p.link a:visited,
body#christmas div#contents div.imgBox div.boxL p.link a:link,
body#christmas div#contents div.imgBox div.boxL p.link a:visited,
body#christmas div#contents div.imgBox div.boxR p.link a:link,
body#christmas div#contents div.imgBox div.boxR p.link a:visited,
ul.mypageNav li a:link,
ul.mypageNav li a:visited{
	color: #ffffff;
	text-decoration: underline;
}

div#contents div.box2 dl dd p.link a:hover,
div#contents div.box2 dl dd p.link a:active,
body#newlife div.imgBox a:hover,
body#newlife div.imgBox a:active,
body#newlyweds div#contents div.imgBox p.link a:hover,
body#newlyweds div#contents div.imgBox p.link a:active,
body#newlyweds div#contents div.imgBox p.link a:hover,
body#newlyweds div#contents div.imgBox p.link a:active,
body#christmas div#contents div.imgBox div.boxL p.link a:hover,
body#christmas div#contents div.imgBox div.boxL p.link a:active,
body#christmas div#contents div.imgBox div.boxR p.link a:hover,
body#christmas div#contents div.imgBox div.boxR p.link a:active,
ul.mypageNav li a:hover,
ul.mypageNav li a:active{
	color: #d6d6d5;
}
div.box2 { 
margin : 0 0 20px 0; 
width : 620px; 
} 
div.box2 dl.boxL { 
width :300px; 
float : left; 
height : 114px; 
} 
div.box2 dl.boxR { 
width : 300px; 
float : right; 
} 

div.box2 dl dt { 
padding : 0 0 0 15px; 
background : url(../../img/title_2box.gif) repeat-x left top; 
height : 28px; 
line-height : 28px; 
font-size : 13px !important ; 
font-weight : bold; 
} 
div.box2 dl dd { 
margin : 0 0 0 0; 
padding : 10px 0 5px 0; 
width : 300px; 
background : url(../../img/box2_bg.gif) repeat-y left top; 
border-bottom : 1px solid #cccccc; 
height : 114px; 
} 
div#contents div.box2 dl dd p.img { 
margin : 0 0 0 10px; 
width : 102px; 
float : left; 
display : inline; 
} 
div#contents div.box2 dl dd p.text { 
margin : 0 10px 10px 0; 
width : 175px; 
float : right; 
display : inline; 
} 
div#contents div.box2 dl dd p.link { 
margin : 0 10px 0 0; 
width : 175px; 
float : right; 
background-color : #fe9500; 
height : 28px; 
line-height : 28px; 
display : inline; 
font-weight : bold; 
font-size : 12px !important ; 
} 

div#contents div.box2 dl dd p.link a { 
padding : 0 0 0 27px; 
background : url(../../img/arrow_box2.gif) no-repeat 6px 2px; 
font-size : 12px !important ; 
} 


.imgBox { 
margin : 0 0 20px 0; 
width : 625px; 
} 
.imgBox dv.boxL { 
width :228px; 
float : left; 

} 
.imgBox dv.boxR { 
width : 397px; 
float : right; 

} 
.imgBox dv.boxR{
width : 397px; 

position : absolute; 
left : 189px; 
top : 107px; 
padding-left : 98px; 
z-index : 10000; 
}
dv.boxR ul{
}
div.boxR li {
            width:190px;
	margin: 5px auto;
float : left; 
}
.colorlistimg {
	width:418px;
	margin: 0px out 10px 3px;
	text-align:left;
position : relative; 
left : 5px; 
top : -220px; 
	margin-bottom:-200px;
float : right; 
}

ul.star { 
margin : 0 0 10px 0; 
} 
ul.star li { 
padding : 0 0 0 10px; 
font-size : 11px; 
font-weight : bold; 
background : url(../../img/arrow_star.gif) no-repeat 0 5px; 
} 
body#law ul.star { 
margin : 0; 
} 
body#law ul.star li { 
font-size : 1em; 
} 

div#contents p.btn { 
text-align : center; 
} 

/* ------------------------------------------------
	[ privacy ]
------------------------------------------------ */

.graywrap {
	margin:0 10px 20px;
	border:1px solid #ccc;
	padding:10px;
	}


/* ------------------------------------------------
	[ environment ]
------------------------------------------------ */


.campinfoBlock h2 {
	background-iamge:none;
	padding:0;
	margin:0;
	}	


.campinfoBlock {
	margin:0 9px 40px;
	background:url(../../img/campinfo_foot.gif) left bottom no-repeat;
	padding:0 0 5px 0;
	}

.campinfoBlock ul {
	padding:10px 16px 10px;
	background:url(../../img/campinfo_body.gif) left top repeat-y;
	}

.campinfoBlock ul li {
	background:url(../img/dot.gif) left bottom repeat-x;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	}

.campinfoBlock ul li a {
	display:inline-block;
	}

.campinfoBlock ul li span {
	background:url(../img/i_arrow.gif) left 1px no-repeat;
	padding:0 10px 0 16px;
	}








h2.imgtitle {
	background-image:none;
	padding:0;
	margin:0;
	}

.env_infoBlock h2 {
	background-iamge:none;
	padding:0;
	margin:0;
	}	


.env_infoBlock {
	margin:0 20px 40px;
	background:url(../../img/environment_info_foot.gif) left bottom no-repeat;
	padding:0 0 10px 0;
	}

.env_infoBlock ul {
	padding:10px 20px 10px;
	background:url(../../img/environment_info_body.gif) left top repeat-y;
	}

.env_infoBlock ul li {
	background:url(../img/dot.gif) left bottom repeat-x;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	}

.env_infoBlock ul li a {
	display:inline-block;
	}

.env_infoBlock ul li span {
	background:url(../img/i_arrow.gif) left 1px no-repeat;
	padding:0 10px 0 16px;
	}

.recomPointList {
	margin:0 0 20px 0;
	}


.recomPoint {	
	width:281px;
	float:left;
	margin-bottom:20px;
	margin-left:25px;
	}
	
.recomPoint dt {
	margin-bottom:5px;
	}

.recomPoint dd {
	margin:0 0 0 3px;
	}

.columnBlock {
	margin:0 10px 30px;
	padding:25px;
	background-color:#f1faf4;
	}

.columnBlock p {
	margin:10px 0 10px;
	line-height:1.6em;
	}

.faxBlock {
	background:#f1faf4;
	margin:0 10px 10px;
	padding:15px 11px 10px 11px;
	_padding:15px 11px 5px 11px;
	}

.faxBlock p.pict {
	margin:0 0 0 5px;
	}

.pdfBox .right {
	margin-left:10px;
	}


dl.point5 {
	margin:20px 0px 20px 0px;
}

dl.point5 dt {
	margin-bottom:5px;
}

div#contents.dl.point5 dd {
	margin:0px 0px 15px 60px;
	line-height:1.8;
}

.section img {
	margin-bottom:7px;
}



/* ------------------------------------------------
	[ info ]
------------------------------------------------ */

/* side */

.infoSideBlock {
	border:1px solid #cce8da;
	background:#fff;
	margin:6px 6px 10px;
	padding:0px 10px 5px;
	}


.infoSideBlock dt {
	margin-bottom:8px;
	}

.side_entryHead {
	margin:0 0 5px 0;
	
	}

.side_entryHead img {
	padding-right:3px;
	}

.side_entryList li {
	background:url(../img/dot.gif) left bottom repeat-x;
	padding:0 0 3px 0;
	margin:0 0 5px 0;
	}

.side_entryList li a {
	display:block;
	}

.side_entryTitle {
	margin:0 0 5px 0;
	}
	
.side_monthList li {
	background:url(../img/dot.gif) left bottom repeat-x;
	padding:0 0 0 2px;
	margin:0 0 5px 0;
	zoom:1;
	}

.side_monthList li a {
	display:block;
	background:url(../img/i_arrow.gif) left 6px no-repeat;
	padding:3px 0 10px 18px;
	}

.side_end {
	margin-bottom:20px;
	}

.entryHead {
	padding:0 0px 0;
	margin:0 0 10px 0;
	}

.entryHead h2 {
	margin:0 0 0 0;
	padding:0 2px 12px 2px;
	background-repeat:repeat-x;
	background-position:left bottom;
	}

.entryHead h2 p {
	margin:0;
	font-weight:bold;
	background-position:right top;
	background-repeat:no-repeat;
	}

.entryHead .entry_date {
	background-repeat:no-repeat;
	background-position:left 2px;
	padding:0 0 0 10px;
	margin:0 0 5px 2px;
	display:block;
	}

.entry_cat_info h2 {background-image:url(../img/topics_title_bg_info.gif);}
.entry_cat_work h2 {background-image:url(../img/topics_title_bg_work.gif);}

.entry_cat_info h2 p {background-image:url(../img/i_cat_info.gif);}
.entry_cat_work h2 p {background-image:url(../img/i_cat_work.gif);}

.entry_cat_info .entry_date {background-image:url(../img/title_tip_s.gif);}
.entry_cat_work .entry_date {background-image:url(../img/title_tip_s_orange.gif);}


.entryBody {
	margin:0 5px 30px;
	}

.entryBody p {
	line-height:1.8em;
	}
.entry_state {
	margin: 5px 0 0 0;
	font-size:10px;
	padding-bottom:20px;
}

/* ------------------------------------------------
	[ entrylist icon ]
------------------------------------------------ */
.newsList .cat,
.side_entryList .cat {
	padding:0 0 0 10px;
	margin:0 0 0px 2px;
	display:block;
	width:68px;
	height:18px;
}
.catinfo  {background:url(../img/i_cat_info.gif) no-repeat 0 0;}
.catwork  {background:url(../img/i_cat_work.gif) no-repeat 0 0;}

.side_entryList .cat {
	float:left;
}
.entryWrap {
	margin-bottom:10px;
}
.entryWrap .cat {
	background-image:none;
}

/* ------------------------------------------------
	[ campaign ]
------------------------------------------------ */


.campaignWrap {
	background:url(../../img/camp_body.gif) left top no-repeat;
	padding:20px 20px;
	margin:0 0 30px 0;
	}
.campaignWrap p {
	margin:0 0 18px 0;
	}

.campaignWrap h3.imgtitle {
	padding:0;
	}

.campaignBlock {
	border-left:1px solid #fae2d8;
	border-right:1px solid #fae2d8;
	background:url(../../img/camp_foot.gif) center bottom no-repeat;
	padding:0 20px 10px;
	}

.campList {
	padding:10px;
	background:#fff4f0;
	margin-bottom:8px;
	}

.campList dt {
	margin-bottom:5px;
	font-weight:bold;
	color:#da5f2e;
	}

.campList dd {
	margin-bottom:3px;
	}



/* ------------------------------------------------
	page bute
------------------------------------------------ */

.page {
	clear:both;
	text-align:center;
	margin: 5px auto;
	padding: 8px 5px;
	background-color:#f7f7f7;
	font-size:10px;
}
.page ul {
	text-align:center;
	margin: 5px auto;
}
.page li {
	display:inline;
	margin: 0px 5px;
}
.page a ,
.page .current {
	padding:2px 2px;
}
.page .current {
}
.page a {
	font-weight:normal;
}
.page a:hover {
}
.page li.prev ,
.page li.next {
}
.page li.prev  {
}
.page li.next {
}
.page li.prev a,
.page li.next a {
	border:none;
}
.page li.prev {

}
.page li.next {

}
.content-nav {
	font-size:0.83em;
	clear:both;
	text-align:center;
	margin: 5px auto;
	border-top: dotted 1px #818181;
	padding: 8px 0;
}

/* 隣のアーカイブナビ */
ul.page_archive_nav {
	display:none;
}
.body_archives_entry
	ul.page_archive_nav {
	display:block;
}
/* ページ遷移ナビ */
ul.page_bute_nav {
}



/*-------------------------------------------------------------
	comment & trackback common
---------------------------------------------------------------*/
.comments-header ,
.trackbacks-header {
	border-top: dotted 1px #999;
	font-size:1.17em;
	background-image:none;
	padding: 8px 0px;
}

/*-------------------------------------------------------------
	comment
---------------------------------------------------------------*/

.comments {
	margin: 0px;
}
.comments-content {}
.comments-header {}
.comment {
	margin: 5px 0px;
	background:#f7f7f7;
	padding: 5px 10px;
}
.comment-inner {
	line-height:1.8;
}
.comment-header {
	padding: 7px 0px 3px 0px;
	margin: 0px 5px;
}
.comment-header abbr {
	text-decoration:none;
	border-bottom:none;
}
.comment-content {
	background: url(../img/dot.gif) repeat-x left top;
	padding:10px 0px;
}
.comment-footer {}
.comment-footer-experimental {}
.comments-open-moderated {
	margin-top:7px;
	font-size:0.83em;
	color:#787887;
}

/*-------------------------------------------------------------
	comment form
---------------------------------------------------------------*/

.comments-open {
	margin: 0px 0px;
	padding: 10px 20px;
}
.comments-open label {
	display: block;
}
#comment-author,
#comment-email,
#comment-url {
	width: 240px;
}
#comment-text {
	width: 520px;
}
.comments-open-header {
	background:#eee;
	color:#333;
	font-size:1.17em;
	padding:6px 8px;
	margin-bottom:10px;
}
.comments-open-content {
	width: 340px;
	float:left;

}
.comments-open-moderated {}
#comments-open-data {
}
#comments-open-data div {
	margin-bottom:5px;
}
#comments-open-text {}
.comments-open-footer {}
.comments-open-footer input {
	border: solid 1px #999;
	padding:2px;
	background-color:#fff;
}
#comment-preview {
	padding:2px 10px;
}
#comment-submit {
	font-weight:bold;
	padding:2px 10px;
}

#comment-post {
}


/*-------------------------------------------------------------
	trackback
---------------------------------------------------------------*/
.trackbacks {
	margin: 0px 16px 0px 17px;
}
.trackbacks-header {}
.trackbacks-info {}
.trackbacks-info p {
	margin:1em 0;
	padding: 2px;
	line-height:1.3;
}
span#trackbacks-link {
}







.asset-content strong {
	font-weight:bold;
}

.asset-content h4 {
	margin:0 0 8px 0;
	font-weight:bold;
	color:#65D19A;
	}


.table2 {
	width:584px;
	margin:0 auto 12px;
	border-right: solid 1px #bbb;
	border-top: solid 1px #bbb;
}
.table2 th {
	font-weight:bold;
	background-color:#ddd;
}
.table2 thead {
	color:#fff;
	font-weight:bold;
	background-color:#777;
}
.table2 th ,
.table2 td {
	padding:8px;
	border-left: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
}
















