@charset "UTF-8";
@import "base.css";
@import "digi.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                                                 */
/*=======================TOC-END===================*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/

body { background: #fff url(../images/body_bg.jpg) top repeat-x; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) repeat-y;
	width: 902px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
	top: 0;
	left: 0;
	}

#main {
	clear: both;
	margin: 0 11px;
	background: url(../images/main_bg.png) repeat-y;
	}

#content {
	width: 605px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #333;
	padding: 0 0 1em 0;
	}

.chara {
	position: absolute;
	top: 0;
	left: -80px;
	}

/*---------- 03  Header -----------*/

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}

.header_company {
	float: right;
	width: 260px;
	}

h1 a {
	display: block;
	height: 58px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	line-height: 1.0;
	}

#header p#header_sitemap {
	padding-left: 20px;
	background: url(../images/arrow_v01.jpg) 0 center no-repeat;
	}

#header p.tel {
	float: right;
	margin: 0;
	padding: 0 40px 0 0;
	}
#header p.tel img { display: block; }

#description {
	height: 112px;
	background: url(../images/header_description.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}

#main_image {
	clear: both;
	float: right;
	margin: 0;
	padding-right: 11px;
	}
#main_image img {
	display: block;
	}

#header_nav {
	float: left;
	margin: 0;
	padding: 5px 0;
	list-style: none;
	width: 282px;
	background: url(../images/header_nav.jpg) 11px 0 no-repeat;
	}

#header_nav li {
	list-style: none;
	margin: 0 0 0 6px;
	padding: 0 0 0 11px;
	}
#header_nav li a {
	display: block;
	height: 86px;
	text-indent: -9999px;
	}

#header_nav #header_nav01 a { background: url(../images/header_nav.jpg) -6px -5px no-repeat; }
#header_nav #header_nav02 a { background: url(../images/header_nav.jpg) -6px -91px no-repeat; }
#header_nav #header_nav03 a {
	height: 78px;
	background: url(../images/header_nav.jpg) -6px -177px no-repeat;
	}

#header_nav #header_nav04,
#header_nav #header_nav05 {
	float: left;
	margin: 0;
	}
#header_nav #header_nav04 { width: 149px; padding: 0; }
#header_nav #header_nav05 { width: 133px; padding: 0; }

#header_nav #header_nav04 a,
#header_nav #header_nav05 a {
	height: 19px;
	}
#header_nav #header_nav04 a {
	margin-left: 16px;
	background: url(../images/header_nav.jpg) -5px -255px no-repeat;
	}
#header_nav #header_nav05 a { background: url(../images/header_nav.jpg) -138px -255px no-repeat; }

#header_nav #header_nav01 a:hover { background: url(../images/header_nav.jpg) -277px -5px no-repeat; }
#header_nav #header_nav02 a:hover { background: url(../images/header_nav.jpg) -277px -91px no-repeat; }
#header_nav #header_nav03 a:hover { background: url(../images/header_nav.jpg) -277px -177px no-repeat; }
#header_nav #header_nav04 a:hover { background: url(../images/header_nav.jpg) -276px -255px no-repeat; }
#header_nav #header_nav05 a:hover { background: url(../images/header_nav.jpg) -409px -255px no-repeat; }

#header_tel {
	clear: both;
	margin: 0 11px;
	text-indent: -9999px;
	height: 128px;
	background: url(../images/header_tel2.jpg) 0 11px no-repeat;
	}

/*----------04  Navigation -----------*/

#nav {
	width: 250px;
	float: left;
	margin-right: 25px;
	}

#nav p {
	margin: 0 0 10px;
	}
#assess_banner a {
	display: block;
	height: 250px;
	background: url(../images/nav_assess_banner.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	}
#assess_banner a:hover { background: url(../images/nav_assess_banner.jpg) -250px 0 no-repeat; }

#nav ul {
	margin: 0;
	padding: 0;
	background: url(../images/nav.jpg) 0 0 no-repeat;
	}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav ul #nav08,
#nav ul #nav09,
#nav ul #nav10 {
	height: 65px;
	}
#nav ul li span {
	display: block;
	text-indent: -9999px;
	}
#nav ul #nav_title01 span {
	height: 77px;
	background: url(../images/nav.jpg) 0 0 no-repeat;
	}
#nav ul #nav_title02 {
	margin-bottom: 27px;
	}
#nav ul #nav_title02 span {
	height: 63px;
	background: url(../images/nav.jpg) 0 -175px no-repeat;
	}
#nav ul #nav_company span {
	height: 35px;
	background: url(../images/nav.jpg) 0 -600px no-repeat;
	}

#nav ul li ul {
	margin: 0 0 8px;
	background-image: none;
	}
#nav ul li ul li {
	}
#nav ul li ul #nav11,
#nav ul li ul #nav12 {
	float: left;
	width: 125px;
	height: 65px;
	}

#nav ul li a {
	display: block;
	text-indent: -9999px;
	height: 60px;
	}

#nav ul li ul li a {
	height: 30px;
	}

#nav01 a { background: url(../images/nav.jpg) 0 -77px no-repeat; }
#nav02 a { background: url(../images/nav.jpg) 0 -107px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -137px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -237px no-repeat; }
#nav ul li ul #nav05 a { background: url(../images/nav.jpg) 0 -267px no-repeat; height: 50px; }
#nav06 a { background: url(../images/nav.jpg) 0 -317px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -347px no-repeat; }
#nav ul #nav08 a { background: url(../images/nav.jpg) 0 -405px no-repeat; }
#nav ul #nav09 a { background: url(../images/nav.jpg) 0 -470px no-repeat; }
#nav ul #nav10 a { background: url(../images/nav.jpg) 0 -535px no-repeat; }
#nav ul li ul #nav11 a { background: url(../images/nav.jpg) -5px -635px no-repeat; margin-left: 5px; margin-right: 2px; height: 60px; }
#nav ul li ul #nav12 a { background: url(../images/nav.jpg) -125px -635px no-repeat; margin-right: 5px; height: 60px; }

#nav01 a:hover { background: url(../images/nav.jpg) -250px -77px no-repeat; }
#nav02 a:hover { background: url(../images/nav.jpg) -250px -107px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -250px -137px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -250px -237px no-repeat; }
#nav ul li ul #nav05 a:hover { background: url(../images/nav.jpg) -250px -267px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -250px -317px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -250px -347px no-repeat; }
#nav ul #nav08 a:hover { background: url(../images/nav.jpg) -250px -405px no-repeat; }
#nav ul #nav09 a:hover { background: url(../images/nav.jpg) -250px -470px no-repeat; }
#nav ul #nav10 a:hover { background: url(../images/nav.jpg) -250px -535px no-repeat; }
#nav ul li ul #nav11 a:hover { background: url(../images/nav.jpg) -255px -635px no-repeat; }
#nav ul li ul #nav12 a:hover { background: url(../images/nav.jpg) -375px -635px no-repeat; }


#nav p { text-align: center; }


/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 0;
	margin: 0;
	background: url(../images/footer_bg.jpg) 0 0 repeat-x;
	font-size: 85%;
	text-align: center;
	color: #666666;
	}
#footer_content {
	width: 902px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/footer_content_bg.jpg) right top no-repeat;
	}

#footer a {
	text-decoration: none;
	color: #666666;
	}
#footer a:hover { text-decoration: underline; }

#footer_content ul {
	float: right;
	margin: 0;
	padding: 35px 0 0;
	width: 240px;
	}

#footer ul li {
	float: left;
	margin: 0;
	padding: 0 0 5px;
	list-style: none;
	}

#footer address {
	float: left;
	width: 295px;
	height: 151px;
	text-indent: -9999px;
	background: #fff url(../images/footer_copy.jpg) 0 0 no-repeat;
	}


/*---------- 06  Contents -----------*/

.section { padding: .5em 0; }
.section .section { padding: .5em 30px; }

.section p {
	margin: 0 0 1em;
	line-height: 1.5;
	padding: 0 20px;
	}
#index .section p { padding: 0 5px; }

p.center { text-align: center; }

#content h2 {
	height: 70px;
	text-indent: -9999px;
	margin: 0;
	}
#content h3 {
	height: 60px;
	text-indent: -9999px;
	}
#content h4 {
	height: 26px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 4px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a {
	color: #1f4dab;
	outline: none;
	}
a:hover { color: #75b1e3; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image_l  {
	float: left;
	margin: 0 16px 16px 0;
	}
.image_r {
	float: right;
	margin: 0 0 16px 16px;
	}

.image_l02  {
	float: left;
	margin: 0 9px 15px 0;
	padding: 0;
	width: 182px;
	}
.image_r02 {
	float: right;
	margin: 0 0 15px 0;
	padding: 0;
	width: 182px;
	}
	
.image_l03  {
	float: left;
	margin: -10px 9px 15px 0;
	padding: 0;
	width: 175px;
	}
.image_r03 {
	float: right;
	margin: -10px 0 15px 0;
	padding: 0;
	width: 175px;
	}



.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}
.case img {
	display: block;
	}

.case .caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content .pagetop {
	clear: both;
	padding-bottom: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background-image: none;
	}
#content .pagetop a {
	display: block;
	width: 90px;
	height: 30px;
	margin: 10px auto;
	background: url(../images/pagetop.jpg) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */

#content strong {
	color: #1f4dab;
	font-weight: normal;
	}

#content table {
	font-size: 100%;
	color: #333;
	border: 2px solid #555;
	}
#content table tr th {
	font-size: 100%;
	color: #fff;
	background: #FF8500;
	border: 1px solid #555;
	padding: 5px .5em;
	}
#content table tr td {
	font-size: 100%;
	line-height: 1;
	padding: 3px .5em;
	border: 1px solid #555;
	}

.bg01 {
	background: url(../images/bg01.jpg);
	padding-top: 0;
	padding-bottom: 0;
	}
.bg01 p { padding: 0 20px; }
.bg01 .bg01_bottom {
	background: url(../images/bg01_bottom.jpg) bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom: 0;
	}

#content .blued {
	margin: 5px 20px;
	padding: 0 0 20px;
	background: #1B2966;
	color: #fff;
	}

#content .blacked li {
	list-style: none;
	margin: 0 0 5px;
	line-height: 1.3;
	padding-left: 25px;
	background: url(../images/black_bar.jpg) 0 center no-repeat;
	color: #fff;
	}
#content .blacked dt {
	margin: 5px 0;
	line-height: 1.3;
	padding-left: 25px;
	background: url(../images/black_bar.jpg) 0 center no-repeat;
	color: #fff;
	}
#content .blacked dd {
	margin-right: 30px;
	}
#content p.blacked {
	margin: 5px 0;
	line-height: 1.3;
	padding-left: 25px;
	background: url(../images/black_bar.jpg) 0 center no-repeat;
	color: #fff;
	}

#content .oranged {
	padding: 7px;
	border: 3px solid #FFAA00;
	margin: 5px 0;
	}
#content .oranged p {
	margin: 0 5px 10px;
	}

/*---------- 07  Index -----------*/

#index #content #title01 {
	background: url(../images/index_h2-01.jpg) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}
#index #content #title02 {
	background: url(../images/index_h3-02.jpg) 0 0 no-repeat;
	height: 101px;
	margin-bottom:10px;
	margin-top:15px;
	}

#index_mes01,
#index_mes02,
#index_mes03 {
	display: block;
	height: 30px;
	text-indent: -9999px;
	}
#index_mes01 { background: url(../images/index_mes_remodel_sample.jpg) -5px 0 no-repeat; }
#index_mes02 { background: url(../images/index_mes_not_remodeled.jpg) -5px 0 no-repeat; }
#index_mes03 { float: left; width: 139px; background: url(../images/index_mes_smile.jpg) -5px 0 no-repeat; }
#index #wrapper #main #content .section .fL_mes { float: left; padding: 7px 0 0 0; }

#index #index_staff,
#index #index_tel,
#index #index_contact {
	margin: 0;
	padding: 0;
	}
#index #index_staff a,
#index #index_contact a {
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}
#index_staff a {
	height: 240px;
	background: url(../images/index_staff_link.jpg) 0 0 no-repeat;
	}
#index_staff a:hover { background: url(../images/index_staff_link.jpg) -605px 0 no-repeat; }

#index_tel {
	height: 50px;
	text-indent: -9999px;
	background: url(../images/index_staff_link.jpg) 0 -240px no-repeat;
	}

#index_contact a {
	height: 60px;
	background: url(../images/index_staff_link.jpg) 0 -290px no-repeat;
	}
#index_contact a:hover { background: url(../images/index_staff_link.jpg) -605px -290px no-repeat; }

#content #index_nav {
	float: right;
	width: 210px;
	height: 245px;
	padding: 0;
	margin: 0;
	background: url(../images/index_nav.jpg) 10px 0 no-repeat;
	}
#content #index_nav li {
	margin-left: 15px;
	margin-right: 5px;
	padding: 0;
	}
#content #index_nav li a {
	display: block;
	text-indent: -9999px;
	}
#content #index_nav #index_nav01 { padding-top: 5px; }
#content #index_nav #index_nav01 a {
	height: 130px;
	background: url(../images/index_nav.jpg) -5px -5px no-repeat;
	}
#content #index_nav #index_nav01 a:hover { background: url(../images/index_nav.jpg) -205px -5px no-repeat; }

#content #index_nav #index_nav02 a {
	height: 100px;
	background: url(../images/index_nav.jpg) -5px -135px no-repeat;
	}
#content #index_nav #index_nav02 a:hover { background: url(../images/index_nav.jpg) -205px -135px no-repeat; }

#content_banner01 {
	clear: both;
	margin: 0;
	padding: 45px 0 35px;
	background: url(../images/content_assess_banner.jpg) 0 0 no-repeat;
	}
#content_banner01 a {
	display: block;
	height: 100px;
	text-indent: -9999px;
	background: url(../images/content_assess_banner.jpg) 0 -45px no-repeat;
	}
#content_banner01 a:hover { background: url(../images/content_assess_banner.jpg) 0 -225px no-repeat; }


/*---------- 08  Concept -----------*/



/*---------- 09  Staff -----------*/




#point #content #title01 { background: url(../images/point_h2-01.jpg) 0 0 no-repeat; }
#point #content #title02 { background: url(../images/point_h3-02.jpg) 0 0 no-repeat; }
#point #content #title03 { background: url(../images/point_h3-03.jpg) 0 0 no-repeat; }
#point #content #title04 { background: url(../images/point_h4-04.jpg) 0 0 no-repeat; height: 140px; }

#point #content .blacked {
	margin-top: 50px;
	}

#point #content .blued a {
	font-size: 125%;
	color: #fff;
	}

#point #point_dl {
	
	}
#point #point_dl dt {
	float: left;
	clear: left;
	width: 250px;
	margin-right: 10px;
	margin-bottom: 5px;
	}
#point #point_dl dt a {
	display: block;
	height: 50px;
	margin-bottom: 5px;
	text-indent: -9999px;
	}
#point #point_dl #point_dt01 a { background: url(../images/point_dl.jpg) 0 0 no-repeat; }
#point #point_dl #point_dt02 a { background: url(../images/point_dl.jpg) 0 -50px no-repeat; }
#point #point_dl #point_dt03 a { background: url(../images/point_dl.jpg) 0 -100px no-repeat; }

#point #point_dl #point_dt01 a:hover { background: url(../images/point_dl.jpg) -250px 0 no-repeat; }
#point #point_dl #point_dt02 a:hover { background: url(../images/point_dl.jpg) -250px -50px no-repeat; }
#point #point_dl #point_dt03 a:hover { background: url(../images/point_dl.jpg) -250px -100px no-repeat; }




#knack #content #title01 { background: url(../images/knack_h2-01.jpg) 0 0 no-repeat; }
#knack #content #title02 { background: url(../images/knack_h3-02.jpg) -10px -10px no-repeat; }
#knack #content #title03 { background: url(../images/knack_h3-03.jpg) -10px -10px no-repeat; }
#knack #content #title04 { background: url(../images/knack_h3-04.jpg) -10px -10px no-repeat; }
#knack #content #title05 { background: url(../images/knack_h3-05.jpg) -10px -10px no-repeat; }

#knack .bg01 {
	padding-top: 15px;
	padding-bottom: 5px;
	}



#attention #content #title01 { background: url(../images/attention_h2-01.jpg) 0 0 no-repeat; }
#attention #content #title02 { background: url(../images/attention_h3-02.jpg) 0 0 no-repeat; }
#attention #content #title03 { background: url(../images/attention_h4-03.jpg) 20px 0 no-repeat; }
#attention #content #title04 { background: url(../images/attention_h4-04.jpg) 20px 0 no-repeat; }
#attention #content #title05 { background: url(../images/attention_h4-05.jpg) 20px 0 no-repeat; }

#attention #content h4 {
	height: 61px;
	margin-bottom: 20px;
	}



#compare #content #title01 { background: url(../images/compare_h2-01.jpg) 0 0 no-repeat; }
#compare #content #title02 { background: url(../images/compare_h3-02.jpg) 0 0 no-repeat; }
#compare #content #title03 { background: url(../images/compare_h3-03.jpg) 0 0 no-repeat; }
#compare #content #title04 { background: url(../images/compare_h3-04.jpg) 0 0 no-repeat; }
#compare .first {
	border-top: 3px solid #ccc;
	padding: .2em 0;
	margin: .2em 15px;
	border-bottom: 3px solid #ccc;
	}
#compare #comp01 {
	background: url(../images/compare_img01.jpg) right bottom no-repeat;
}	
#compare #comp02 {
	background: url(../images/compare_img02.jpg) right bottom no-repeat;
}	

	

#list #content #title01 { background: url(../images/list_h2-01.jpg) 0 0 no-repeat; }
#list #content #title02 {
	background: url(../images/list_h3-02.jpg) 0 0 no-repeat;
	height: 50px;
	margin: 0;
	}
#list .page_link {
	border-top: 3px solid #ccc;
	padding: .2em 0;
	margin: .2em 15px;
	border-bottom: 3px solid #ccc;
	}
#list #content dl {
	margin: 0 0 30px 0;
	padding: 0;
	}
#list #content dl dt {
	clear: both;
	height: 70px;
	text-indent: -9999px;
	}
#list #content dl dt dd{
margin: 0;
padding: 0;
}
#list #content dl dt dd p{
margin: 0;
padding: 0;
}
#list #content dl dt dd.txt p.txt{
width: 170px;
}


#list #content dl #list01 { background: url(../images/list_dt01.jpg) 0 0 no-repeat; }
#list #content dl #list02 { background: url(../images/list_dt02.jpg) 0 0 no-repeat; }
#list #content dl #list03 { background: url(../images/list_dt03.jpg) 0 0 no-repeat; }
#list #content dl #list04 { background: url(../images/list_dt04.jpg) 0 0 no-repeat; }
#list #content dl #list05 { background: url(../images/list_dt05.jpg) 0 0 no-repeat; }
#list #content dl #list06 { background: url(../images/list_dt06.jpg) 0 0 no-repeat; }
#list #content dl #list07 { background: url(../images/list_dt07.jpg) 0 0 no-repeat; }
#list #content dl #list08 { background: url(../images/list_dt08.jpg) 0 0 no-repeat; }
#list #content dl #list09 { background: url(../images/list_dt09.jpg) 0 0 no-repeat; }
#list #content dl #list10 { background: url(../images/list_dt10.jpg) 0 0 no-repeat; }
#list #content dl #list11 { background: url(../images/list_dt11.jpg) 0 0 no-repeat; }
#list #content dl #list15 { background: url(../images/list_dt12.jpg) 0 0 no-repeat; }
#list #content dl #list12 { background: url(../images/list_dt01.jpg) 0 0 no-repeat; }
#list #content dl #list13 { background: url(../images/list_dt06.jpg) 0 0 no-repeat; }
#list #content dl #list14 { background: url(../images/list_dt13.jpg) 0 0 no-repeat; }
#list #content dl dd {
	margin: 0 20px;
	}


#smile #content #title01 { background: url(../images/smile_h2-01.jpg) 0 0 no-repeat; }
#smile #content #title02 { background: url(../images/smile_h3-02.jpg) 0 0 no-repeat; }
#smile #content #title03 { background: url(../images/smile_h3-03.jpg) 0 0 no-repeat; }
#smile #content #title04 { background: url(../images/smile_h3-04.jpg) 0 0 no-repeat; }



#secret #content #title01 { background: url(../images/secret_h2-01.jpg) 0 0 no-repeat; }
#secret #content #title02 { background: url(../images/secret_h3-02.jpg) -10px -10px no-repeat; }
#secret #content #title03 { background: url(../images/secret_h3-03.jpg) -10px -10px no-repeat; }



#company #content #title01 { background: url(../images/company_h2-01.jpg) 0 0 no-repeat; }

#company .blacked a {
	color: #fff;
	}


#contact #content #title01 { background: url(../images/contact_h2-01.jpg) 0 0 no-repeat; }
#contact input.short { width: 5em; }
#contact input.long { width: 30em; }




#episode #content #title01 { background: url(../images/episode_h2-01.jpg) 0 0 no-repeat; }
#episode #content #title02 { background: url(../images/episode_h3-02.jpg) -10px -10px no-repeat; }
#episode #content #title03 { background: url(../images/episode_h3-03.jpg) -10px -10px no-repeat; }
#episode #content #title04 { background: url(../images/episode_h3-04.jpg) -10px -10px no-repeat; }
#episode #content #title05 { background: url(../images/episode_h3-05.jpg) 0 0 no-repeat; }
#episode #content #title06 { background: url(../images/episode_h4-06.jpg) 0 0 no-repeat; }
#episode #content #title07 { background: url(../images/episode_h4-07.jpg) 0 0 no-repeat; }
#episode #content #title08 { background: url(../images/episode_h4-08.jpg) 0 0 no-repeat; }

#episode #content #contact_banner {
	clear: both;
	margin: 0 20px;
	padding: 30px 0 20px;
	background: url(../images/episode_contact_banner.jpg) 0 0 no-repeat;
	}
#episode #content #contact_banner a {
	display: block;
	height: 100px;
	text-indent: -9999px;
	background: url(../images/episode_contact_banner.jpg) 0 -30px no-repeat;
	}
#episode #content #contact_banner a:hover { background: url(../images/episode_contact_banner.jpg) 0 -180px no-repeat; }

#episode #content h4 {
	height: 61px;
	margin-bottom: 20px;
	}
#episode .example {
	margin: 10px 30px;
	}




#nagare #content #title01 { background: url(../images/nagare_h2-01.jpg) 0 0 no-repeat; }
#nagare #content #title02 { background: url(../images/nagare_h3-02.jpg) 0 0 no-repeat; }
#nagare #content #title03 { background: url(../images/nagare_h3-03.jpg) 0 0 no-repeat; height: 90px; }
#nagare #content #title04 { background: url(../images/nagare_h3-04.jpg) 0 0 no-repeat; }
#nagare #content #title05 { background: url(../images/nagare_h3-05.jpg) 0 0 no-repeat; }
#nagare #content #title06 { background: url(../images/nagare_h3-06.jpg) 0 0 no-repeat; }
#nagare #content .flow {
	background: url(../images/arrow_h.jpg) center bottom no-repeat;
	padding-bottom: 25px;
	margin-bottom: 25px;
	}
#nagare #content .blacked {
	margin: 0 40px;
	}


#qa #content #title01 { background: url(../images/qa_h2-01.jpg) 0 0 no-repeat; }
#qa dl {
	margin: 0;
	padding: 0;
	}
#qa dl dt,
#qa dl dd {
	clear: left;
	border: 2px solid #FFAA00;
	padding: 8px;
	}
#qa dl dt {
	border-bottom: 0;
	margin: 0 10px 0 0;
	background: #FFEB9E;
	color:#F30;
	font-size:15px;
	}
#qa dl dd {
	border-top: 0;
	margin: 0 10px 5px 0;
	}
#qa dl dt span,
#qa dl dd span {
	display: block;
	float: left;
	margin-right: 5px;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	}
#qa dl dt span { background: url(../images/q.jpg) 0 0 no-repeat; }
#qa dl dd span { background: url(../images/a.jpg) 0 0 no-repeat; }
#qa strong {
	font-size: 125%;
	font-weight: bold;
	color: #1F80D1;
	}



#sitemap #content #title01 { background: url(../images/sitemap_h2-01.jpg) 0 0 no-repeat; }



#staff #content #title01 { background: url(../images/staff_h2-01.jpg) 0 0 no-repeat; }

#staff #content .introduction {
	margin: 0 10px;
	}

#staff #content .introduction .image_r,
#staff #content .introduction .image_l {
	width: 280px;
	margin: 0;
	background: url(../images/staff_balloon.jpg) repeat-y;
	}
#staff #content .introduction div p {
	padding: 5px 10px;
	margin-bottom: 0;
	color: #de6900;
	font-size: 110%;
	font-weight: 900;
	}
#staff #content .introduction div p.center {
	padding: 0 0 10px;
	margin: 0;
	background: #fff url(../images/staff_balloon_top.jpg) bottom no-repeat;
	}
#staff #content .introduction div p.bottom {
	background: url(../images/staff_balloon_bottom.jpg) bottom no-repeat;
	padding: 0 10px 15px;
	}


.width340{ width: 340px;}