@charset "utf-8";

/*===================================================
 Template Layout CSS
=================================================== */
/*---------------------------------------------------
 Basic Layout
--------------------------------------------------- */
html,body{
background:#fff;
width:100%;
height:100%;
}
body {
background:url(/dir_common/toshin/dir_img/template/body_bg_01.gif) repeat-x top left;
text-align:center;
line-height:1.4;
color:#503D28;
}
#headerSeg {
width:950px;
margin:0 auto;
text-align:left;
padding:0 15px;
}
#contentSeg {
width:950px;
margin:13px auto 0;
text-align:left;
padding:0 15px;
}

#contentSeg-divide {
zoom:1;
}
#contentSeg-divide:after{content: "."; display: block; clear: both; height:0; visibility:hidden;}

#mainArea {
float:left;
width:750px;
}

#footerSeg {
width:950px;
margin:0 auto;
text-align:left;
padding:0 15px;
}

/* Contents Column Pattern ( Aside Area:left )
--------------------------------------------------- */
body.layoutType02 #mainArea {
float:right;
}
body.layoutType02 #asideArea {
float:left;
}


/*---------------------------------------------------
 Breadcrumbs
--------------------------------------------------- */
ul#breadcrumbs {
margin:0 0 10px -5px;
}
ul#breadcrumbs li {
float:left;
padding-left:5px;
}
ul#breadcrumbs { zoom:1; }
ul#breadcrumbs:after{content: "."; display: block; clear: both; height:0; visibility:hidden;}

ul#breadcrumbs li a {
padding-right:15px;
background:url(/dir_common/toshin/dir_img/template/breadcrumbs_ico_01.gif) no-repeat right 45%;
}
	/* for IE6 */
	* html ul#breadcrumbs li a {
	background:url(/dir_common/toshin/dir_img/template/breadcrumbs_ico_01.gif) no-repeat right 50%;
	}
ul#breadcrumbs li strong {
font-weight:normal;
}

/* Rich Snippets
--------------------------------------------------- */
div#breadcrumbs.snippet {
margin:0 0 10px -5px;
}
div#breadcrumbs.snippet div {
display:inline;
padding-left:5px;
}
div#breadcrumbs.snippet { zoom:1; }
div#breadcrumbs.snippet:after{content: "."; display: block; clear: both; height:0; visibility:hidden;}

div#breadcrumbs.snippet div a {
padding-right:11px;
background:url(/dir_common/toshin/dir_img/template/breadcrumbs_ico_01.gif) no-repeat right 0.4em;
}
div#breadcrumbs.snippet div a.currentPage {
padding-right:0;
background:none;
text-decoration:none;
color:#503D28;
}
div#breadcrumbs.snippet div a.currentPage:link,
div#breadcrumbs.snippet div a.currentPage:visited,
div#breadcrumbs.snippet div a.currentPage:forcus,
div#breadcrumbs.snippet div a.currentPage:hover,
div#breadcrumbs.snippet div a.currentPage:active {
color:#503D28;
}


/*---------------------------------------------------
 Headlines
--------------------------------------------------- */
/* PageHeadline
--------------------------------------------------- */
#pageHeadline {
margin:0 0 15px;
padding-bottom:7px;
background:url(/dir_common/toshin/dir_img/template/pageHeadline_bg_01.gif) repeat-x bottom left;
font-size:159%; /* 19px; */
font-weight:bold;
}

/* 2014/5/11追加
--------------------------------------------------- */
#pageHeadline .icon{
margin-top: 2px;
}


#pageHeadFrame {
zoom:1;
margin:10px 0 15px;
padding-bottom:7px;
background:url(/dir_common/toshin/dir_img/template/pageHeadline_bg_01.gif) repeat-x bottom left;
}
#pageHeadFrame:after{content: "."; display: block; clear: both; height:0; visibility:hidden;}

#pageHeadFrame #pageHeadline {
float:left;
margin:0;
padding:0;
background:none;
}
#pageHeadFrame .shoulderElem {
float:right;
padding-top:7px;
line-height:1;
}
#pageHeadFrame .shoulderElem.font-L {
padding-top:5px;
}

#pageHeadFrame .shoulderElem.inLinkIco {
margin-top:5px;
padding-top:2px;
}

/* h2 Headline
--------------------------------------------------- */
.h2HeadFrame {
zoom:1;
margin-bottom:10px;
}
.h2HeadFrame .inner01 {
zoom:1;
padding-bottom:6px;
}
.h2HeadFrame .inner02 {
zoom:1;
padding-top:8px;
}
.h2HeadFrame .inner02:after{content: "."; display: block; clear: both; height:0; visibility:hidden;}

.h2HeadFrame .headline {
zoom:1;
padding:0 20px 0 22px;
background:url(/dir_common/toshin/dir_img/template/h2Headline_ico_01.gif) no-repeat 8px 0;
font-size:109%; /* 13px; */
font-weight:bold;
}
.h2HeadFrame .headline a {
zoom:1;
display:block;
padding-left:7px;
background:url(/dir_common/toshin/dir_img/module/arrow_ico_01.gif) no-repeat 0 0.5em;
}

.h2HeadFrame .headline{
float:left;
}

.h2HeadFrame .headline02 {
background: url(/dir_common/toshin/dir_img/template/h2Headline_ico_01.gif) no-repeat scroll 8px 0 transparent;
font-size: 109%;
font-weight: bold;
padding: 0 0 0 22px;
zoom:1;
}

.h2HeadFrame .headline02{
float:left;
}

/* Width 750
--------------------------- */
#contentSeg #contentSeg-divide #mainArea .h2HeadFrame {
background:url(/dir_common/toshin/dir_img/template/spr_bg_01.gif) repeat-y -1500px 0;
}
#contentSeg #contentSeg-divide #mainArea .h2HeadFrame .inner01 {
background:url(/dir_common/toshin/dir_img/template/spr_bg_01.gif) no-repeat -750px bottom;
}
#contentSeg #contentSeg-divide #mainArea .h2HeadFrame .inner02 {
background:url(/dir_common/toshin/dir_img/template/spr_bg_01.gif) no-repeat top left;
}

/* Width Full
--------------------------- */
#contentSeg .h2HeadFrame {
zoom:1;
margin-bottom:10px;
background:url(/dir_common/toshin/dir_img/template/spr_bg_02.gif) repeat-y -2595px 0;
}
#contentSeg .h2HeadFrame .inner01 {
zoom:1;
background:url(/dir_common/toshin/dir_img/template/spr_bg_02.gif) no-repeat -3545px bottom;
padding-bottom:6px;
}
#contentSeg .h2HeadFrame .inner02 {
zoom:1;
background:url(/dir_common/toshin/dir_img/template/spr_bg_02.gif) no-repeat -1645px top;
padding-top:8px;
}

/* H2 Frame with Shoulder Element
--------------------------- */
.h2HeadFrame.withElem .headline {
float:left;
}
.h2HeadFrame .shoulderElem {
float:right;
padding:1px 15px 0 0;
}
.h2HeadFrame .shoulderElem a.inLinkIco {
padding-left:10px;
background:url(/dir_common/toshin/dir_img/module/arrow_ico_01.gif) no-repeat 0 47%;
}
* html .h2HeadFrame .shoulderElem a.inLinkIco {
background:url(/dir_common/toshin/dir_img/module/arrow_ico_01.gif) no-repeat 0 0.25em;
}

/* content divide col2
--------------------------- */
#contentSeg #contentSeg-divide #mainArea .colBoxWrap .col2 .colBox .h2HeadFrame {
zoom:1;
margin-bottom:10px;
background:url(/dir_common/toshin/dir_img/template/spr_bg_02.gif) repeat-y -545px 0;
}
#contentSeg #contentSeg-divide #mainArea .colBoxWrap .col2 .colBox .h2HeadFrame .inner02 {
zoom:1;
background:url(/dir_common/toshin/dir_img/template/spr_bg_02.gif) no-repeat -175px top;
padding-top:8px;
}
#contentSeg #contentSeg-divide #mainArea .colBoxWrap .col2 .colBox .h2HeadFrame .inner01 {
zoom:1;
background:url(/dir_common/toshin/dir_img/template/spr_bg_02.gif) no-repeat -915px bottom;
padding-bottom:6px;
}


/* h3 Headline
--------------------------------------------------- */
.h3HeadFrame {
zoom:1;
margin-bottom:10px;
background:#F5F2EC url(/dir_common/toshin/dir_img/template/spr_bg_01.gif) no-repeat -2250px top;
border-bottom:#DBD3BE 1px solid;
}
.h3HeadFrame .headline {
padding:6px 11px 4px;
font-weight:bold;
}
.h3HeadFrame .headline a {
display:block;
padding-left:7px;
background:url(/dir_common/toshin/dir_img/module/arrow_ico_01.gif) no-repeat 0 0.5em;
}
.w750 .h3HeadFrame {
background:#F5F2EC url(/dir_common/toshin/dir_img/template/spr_bg_05.gif) no-repeat left top;
}

/* content divide col2
--------------------------- */
#contentSeg-divide #mainArea .contentSec-inner .colBoxWrap .box01 .h3HeadFrame,
#contentSeg-divide #mainArea .squareBox01 .colBoxWrap .col2 .colBox .h3HeadFrame {
background:#F5F2EC url(/dir_common/toshin/dir_img/template/spr_bg_02.gif) no-repeat -1285px 0;
}

/* content divide col4
--------------------------- */
#contentSeg-divide #mainArea .contentSec-inner .colBoxWrap .col4 .colBox .h3HeadFrame {
background:#F5F2EC url(/dir_common/toshin/dir_img/template/spr_bg_02.gif) no-repeat 0 0;
}


/* h4 Headline
--------------------------------------------------- */
.h4HeadFrame {
margin-bottom:10px;
border-bottom:#EDE9DE 2px solid;
}
.h4HeadFrame .headline {
font-weight:bold;
}
.h4HeadFrame .headline span {
padding:0 15px 4px 19px;
background:url(/dir_common/toshin/dir_img/module/discList_ico_01.gif) no-repeat 7px 0.5em;
}
:root *> .h4HeadFrame .headline span {
background:url(/dir_common/toshin/dir_img/module/discList_ico_01.gif) no-repeat 7px 35%;
}
.h4HeadFrame .headline a {
zoom:1;
display:block;
padding:0 15px 4px 14px;
background:url(/dir_common/toshin/dir_img/module/arrow_ico_01.gif) no-repeat 7px 0.5em;
}


/* h5 Headline
--------------------------------------------------- */
.h5HeadFrame {
margin-bottom:5px;
}
.h5HeadFrame .headline {
font-weight:bold;
}


/*---------------------------------------------------
 Aside Area
--------------------------------------------------- */
#asideArea {
float:right;
width:180px;
}
#asideArea .contentSec {
margin-bottom:10px;
}
#asideArea .contentSec .boxFrame01 {
zoom:1;
background:url(/dir_common/toshin/dir_img/template/spr_bg_01.gif) repeat-y -4480px 0;
}
#asideArea .contentSec .boxFrame02 {
zoom:1;
background:url(/dir_common/toshin/dir_img/template/spr_bg_01.gif) no-repeat -4660px bottom;
}
#asideArea .contentSec .boxFrame03 {
zoom:1;
background:url(/dir_common/toshin/dir_img/template/aside_bg_01.gif) no-repeat top left;
padding:11px 11px 15px;
}

#asideArea .contentSec .headline {
zoom:1;
padding:1px 0 10px 10px;
background:url(/dir_common/toshin/dir_img/template/h2Headline_ico_01.gif) no-repeat 0 0;
font-weight:bold;
}

#asideArea .contentSec ul.linkList01 li.inLinkIco {
padding-left:11px;
background:url(/dir_common/toshin/dir_img/module/arrow_ico_01.gif) no-repeat 0 7px;
}
#asideArea .contentSec p.inLinkIco {
padding-left:11px;
background:url(/dir_common/toshin/dir_img/module/arrow_ico_01.gif) no-repeat 0 0.35em;
}


/*---------------------------------------------------
 Page Top Link
--------------------------------------------------- */
.pagetopLink {
zoom:1;
text-align:right;
padding:10px 0;
}
.pagetopLink:after{content: "."; display: block; clear: both; height:0; visibility:hidden;}
.pagetopLink a {
padding-left:17px;
background:url(/dir_common/toshin/dir_img/module/arrow_ico_03.gif) no-repeat 7px 48%;
}



/*---------------------------------------------------
 Footer
--------------------------------------------------- */
/* footerSeg
--------------------------------------------------- */
#footerSeg {
width:950px;
margin-top:10px;
}