@charset "utf-8";

/* ---------------------------------------------
__CSS infomation

Site URL	http://www.nichibun-g.co.jp/library/css/layout_kikanshi
File name	layout_kikanshi.css(http://www.nichibun-g.co.jp/library/css/layout_kikanshi.css)
Summary		Styles for all of Kikanshi pages
Created		2007-09-14
Last update	2009-08-10 by koho
--------------------------------------------- */

/* ---------------------------------------------
__Main_base_layout
--------------------------------------------- */

#contentWrapper {
	width: 749px;
	padding: 0px 0px 0px 12px;
	overflow: auto;
	overflow /**/: hidden;
	background: url(../../pics/img06/bg2.gif) left top repeat-y;
}
#index {
	width: 580px;
}
#left {
	float: left;
	width: 140px;
}
#kyoiku,
#forme,
#fax,
#Michishiba,
#Seikatsu,
#ShaKyoshitsu,
#Dotokuhiroba {
	position: relative;
	float: right;
	width: 591px;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 10px;
}

/* ---------------------------------------------
__Main_Kikanshi_contents_layout_box_L_R
--------------------------------------------- */

#text_box_l,
#text_box_r {
	margin-top: 15px;
	margin-bottom: 10px;
}
#text_box_l {
	float: left;
	width: 290px;
	padding-right: 5px;
	display: inline;
	border-right: 1px solid #DDD;
}
#text_box_r {
	float: right;
	width: 290px;
	display: inline;
}
/* ---------------------------------------------
__Main_Kikanshi_header
--------------------------------------------- */

.forme_top_header,
.fax_top_header,
.michi_top_header,
.seikatsu_top_header,
.shakyoshitsu_top_header,
.dotokuhiroba_top_header {
	height: 50px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #DDD; 
}
.forme_header,
.fax_header,
.michi_header,
.seikatsu_header,
.shakyoshitsu_header,
.dotokuhiroba_header {
	height: 60px;
	margin-bottom: 20px;
}
.forme_header,
.seikatsu_header,
.shakyoshitsu_header,
.dotokuhiroba_header, {
	border-bottom: 1px solid #DDD; 
}

/* ---------------------------------------------
__Main_Kikanshi_p_print_btn
--------------------------------------------- */

#forme p#kikanshi_print,
#fax p#kikanshi_print,
#Seikatsu p#kikanshi_print,
#ShaKyoshitsu p#kikanshi_print,
#Dotokuhiroba p#kikanshi_print
 {
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0px;
}
#forme p#kikanshi_print a,
#fax p#kikanshi_print a,
#Seikatsu p#kikanshi_print a,
#ShaKyoshitsu p#kikanshi_print a,
#Dotokuhiroba p#kikanshi_print a {
	display: block;
	height: 18px;
	padding-left: 11px;
	background: url(../../pics/icon/print_btn01.gif) top left no-repeat;
}

/* ---------------------------------------------
__Main_Kikanshi_img
--------------------------------------------- */
#kyoiku .img_fleft,
#forme .img_fleft,
#fax .img_fleft,
#Michishiba .img_fleft,
#Seikatsu .img_fleft,
#ShaKyoshitsu .img_fleft,
#kyoiku .img_fright,
#forme .img_fright,
#fax .img_fright,
#Michishiba .img_fright,
#Seikatsu .img_fright,
#ShaKyoshitsu .img_fright,
#Dotokuhiroba .img_fright
 {
	width: 150px;
	margin: 0px 8px 0px 10px;
	font-size: 10px;
}
#kyoiku .img_fleft,
#forme .img_fleft,
#fax .img_fleft,
#Seikatsu .img_fleft,
#ShaKyoshitsu .img_fleft,
#Dotokuhiroba .img_fleft {
	float: left;
}
#kyoiku .img_fright,
#forme .img_fright,
#fax .img_fright,
#Michishiba .img_fright,
#Seikatsu .img_fright,
#ShaKyoshitsu .img_fright,
#Dotokuhiroba .img_fright
 {
	float: right;
}
#kyoiku .img_center,
#forme .img_center,
#fax .img_center,
#Michishiba .img_center,
#seikatshu .img_center,
#ShaKyoshitsu .img_center,
#Dotokuhiroba .img_center
  {
	text-align: center;
	width: 150px;
	margin: 0px auto 0px auto;
}
#kyoiku .img_center_w200,
#forme .img_center_w200,
#fax .img_center_w200,
#Michishiba .img_center_w200,
#Seikatsu .img_center_w200,
#ShaKyoshitsu .img_center_w200,
#Dotokuhiroba .img_center_w200
  {
	text-align: center;
	width: 200px;
	margin: 0px auto 0px auto;
}
#kyoiku p.p_caption,
#forme p.p_caption,
#fax p.p_caption,
#Michishiba p.p_caption,
#Seikatsu p.p_caption,
#ShaKyoshitsu p.p_caption,
#Dotokuhiroba p.p_caption
 {
	margin: 1px 0px 8px;
	text-indent: 0px;
	color: #666;
	font-weight: bold;
}
#kyoiku .img_profile,
#forme .img_profile,
#fax .img_profile,
#Michishiba .img_profile,
#Seikatsu .img_profile,
#ShaKyoshitsu .img_profile,
#Dotokuhiroba .img_profile
  {
	float: left;
	width: 110px;
	margin: 0px 8px 5px 0px;
}

/* ---------------------------------------------
__Main_Kikanshi_index_style_base
--------------------------------------------- */

#index h3,
#index h3.h3_backnumber {
	width: 90%;
	margin-left: 30px;
	margin-bottom: 10px;
	padding: 2px 5px;
	font-size: 14px;
	text-align: center;
}
#index h3.h3_mokuji {
	margin-right: 5px;
}
#index h3.h3_backnumber {
	clear: both;
}
#index h3.h3_notes_print {
	clear: both;
	padding-left: 20px;
	color: #C00;
	font-size: 100%;
	text-align: left;
	background: #FFF url(../../pics/point/exclamation_01.gif) left center no-repeat;
}
#index h4,
#index h4.h4_clear,
#index h4.h4_L {
	width: 86%;
	margin-left: 40px;
	margin-bottom: 10px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.5;
	border: 0;
	background: #AAA;
	color: #FFF;
}
#index h4.h4_clear {
	clear: both;
}
#index h4.h4_L {
	margin-bottom: 30px;
}
#index p.p_introduce {
	width: 530px;
	margin-left: 30px;
}
#index p.p_attention {
	width: 400px;
	margin-left: 60px;
	text-indent: 0;
}
#index p.p_pickup {
	width: 140px;
	height: 12px;
	margin-left: 40px;
	padding: 0px 2px;
	color: #D70;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	border-left: 2px solid #D70;
	border-right: 2px solid #D70;
}
#index ul {
	margin-left: 60px;
	font-size: 12px;
	line-height: 1.5;
	list-style: none;
}
#index ul li.li_title {
	float: left;
	clear: both;
	width: 350px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.1;
}
#index ul li.li_titleL,
#index ul li.li_titleLL {
	float: left;
	clear: both;
	width: 350px;
	font-size: 12px;
	line-height: 1.1;
	padding-bottom: 10px;
}
#index ul li.li_titleLL {
	padding-bottom: 30px;
}
#index ul li.li_2l {
	height: 30px;
}
#index ul li.li_3l {
	height: 40px;
	padding-bottom: 15px;
	line-height: 1.3;
}
#index ul li.li_4l {
	height: 60px;
	padding-bottom: 10px;
	line-height: 1.3;
}
#index ul li.li_3l .size10 {
	line-height: 1.2;
}
#index ul li.li_writer {
	float: left;
	width: 150px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.4;
}
/* __メインタイトルのないコーナー __ */
#index ul.UlNoMainTitle {
	clear: both;
	width: 510px;
	margin-left: 40px;
	margin-bottom: 10px;
	padding-top: 15px;
	border-top: 2px solid #CCC;
}
#index ul.UlNoMainTitle li.li_title {
	width: 370px;
	font-weight: bold;
}
#index ul.UlNoMainTitle li.li_titleL,
#index ul.UlNoMainTitle li.li_titleLL {
	width: 370px;
	font-weight: bold;
}
#index ul.UlNoMainTitle li.li_writer {
	width: 135px;
}
/* __Backnumber_style __ */
#index .BoxbacknumList {
	display: inline-block;
	padding-bottom: 0px;
}
#index .BoxbacknumList dl {
	width: 500px;
	height: 15px;
	margin: 5px 0px 0px 60px;
}
#index .BoxbacknumList dl.DlBacknum2l {
	width: 500px;
	height: 15px;
	margin: 5px 0px 30px 60px;
}
#index .BoxbacknumList dl.dl_last {
	margin-bottom: 50px;
}
#index .BoxbacknumList dl dt {
	clear: both;
	float: left;
	width: 140px;
	height: 15px;
	margin: 5px 0px 0px;
	font-size: 12px;
}
#index .BoxbacknumList dl dt.DtBacknum1st {
	clear: none;
}
#index .BoxbacknumList dl dd {
	display: block;
	float: left;
	width: 300px;
	margin: 2px 15px 0px 0px;
	padding-left: 15px;
}
#index .BoxbacknumList dl dd ul {
	width: 300px;
	margin: 0px;
}
#index .BoxbacknumList dl dd ul.UlBacknum2l {
	height: 50px;
}
#index .BoxbacknumList dl dd ul li {
	display: block;
	float: left;
	width: 60px;
}
#index .BoxbacknumList dl dd ul li a {
	margin-bottom: 5px;
	padding-left: 13px;
	background: url(../../pics/point/link_arrow_gray.gif) 0px 2px no-repeat;
}
#index .BoxbacknumList dl dd ul.UlBacknumLast {
	margin-bottom: 50px;
}

/* ---------------------------------------------
__Main_Kikanshi_contents_txt_style_base 見栄え順に表記
--------------------------------------------- */

#forme h2,
#forme p.p_where,
#fax h2,
#fax p.p_where,
#Michishiba h2,
#Michishiba p.p_where,
#Seikatsu h2,
#Seikatsu p.p_where,
#ShaKyoshitsu h2,
#ShaKyoshitsu p.p_where,
#ShaKyoshitsu h2,
#Dotokuhiroba p.p_where
 {
	float: left;
}
#forme h2,
#fax h2,
#Michishiba h2,
#Seikatsu h2,
#ShaKyoshitsu h2,
#Dotokuhiroba h2
 {
	margin-right: 5px;
}
#forme h2,
#fax h2,
#Michishiba h2,
#Seikatsu h2,
#ShaKyoshitsu h2,
#Dotokuhiroba h2
 {
	margin-right: 5px;
}
#forme p.p_where,
#fax p.p_where,
#Michishiba p.p_where,
#Seikatsu p.p_where,
#ShaKyoshitsu p.p_where,
#Dotokuhiroba p.p_where
 {
	float: left;
	margin: 0px;
	text-indent: 0px;
}
#forme p.p_about,
#forme p.p_about_top,
#fax p.p_about,
#fax p.p_about_top,
#Michishiba p.p_about,
#Michishiba p.p_about_top,
#Seikatsu p.p_about,
#Seikatsu p.p_about_top,
#ShaKyoshitsu p.p_about,
#ShaKyoshitsu p.p_about_top,
#Dotokuhiroba p.p_about,
#Dotokuhiroba p.p_about_top
 {
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-indent: -1em;
	padding-left: 1em;
}
#forme p.p_number,
#fax p.p_number,
#Michishiba p.p_number,
#Seikatsu p.p_number,
#ShaKyoshitsu p.p_number,
#Dotokuhiroba p.p_number {
	clear: both;
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 10px;
	text-indent: 0px;
}
#forme p.p_number,
#fax p.p_number,
#Michishiba p.p_number,
#Seikatsu p.p_number,
#ShaKyoshitsu p.p_number,
#Dotokuhiroba p.p_number {
	clear: both;
	margin-left: 5px;
	padding: 0px;
	text-indent: 0px;
}
#forme p.p_profile01,
#fax p.p_profile01,
#Michishiba p.p_profile01,
#Seikatsu p.p_profile01,
#ShaKyoshitsu p.p_profile01,
#Dotokuhiroba p.p_profile01 {
	text-indent: 5px;
	padding: 1px 0px;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	background: #EDEDED;
}
#kyoiku p,
#forme p,
#fax p,
#Michishiba p,
#Seikatsu p,
#ShaKyoshitsu p,
#Dotokuhiroba p {
	margin-left: 7px;
	margin-right: 7px;
	text-indent: 1em;
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}
#kyoiku p.p_indent_none,
#forme p.p_indent_none,
#fax p.p_indent_none,
#Michishiba p.p_indent_none,
#Seikatsu p.p_indent_none,
#ShaKyoshitsu p.p_indent_none,
#Dotokuhiroba p.p_indent_none {
	text-indent: 0px; 
}
#forme p.p_profile02,
#fax p.p_profile02,
#Michishiba p.p_profile02,
#Seikatsu p.p_profile02,
#ShaKyoshitsu p.p_profile02,
#Dotokuhiroba p.p_profile02 {
	padding: 0px 7px;
	text-indent: 0px;
	font-size: 10px;
}
#forme p.p_hitokoto,
#fax p.p_hitokoto,
#Michishiba p.p_hitokoto,
#Seikatsu p.p_hitokoto,
#ShaKyoshitsu p.p_hitokoto,
#Dotokuhiroba p.p_hitokoto {
	text-indent: 5px;
	padding: 1px 0px;
	font-weight: bold;
	border: 1px solid #CCC;
}
#kyoiku p.p_writer,
#forme p.p_writer,
#fax p.p_writer,
#Michishiba p.p_writer,
#Seikatsu p.p_writer,
#ShaKyoshitsu p.p_writer,
#Dotokuhiroba p.p_writer {
	text-align: right;
}
#kyoiku div.BoxApology {
	margin: 10px;
	padding: 5px;
	border: 1px solid #CCC;
	font-size: 10px;
}
#kyoiku div.BoxApology p {
	text-indent: 0px;
}
#kyoiku ul.UlPageNavi,
#forme ul.UlPageNavi,
#Michishiba ul.UlPageNavi,
#Seikatsu ul.UlPageNavi,
#ShaKyoshitsu ul.UlPageNavi,
#Dotokuhiroba ul.UlPageNavi {
	clear: both;
	padding-top: 15px;
	padding-left: 10px;
	list-style: none;
	border-top: 1px solid #CCC;
}
#kyoiku ul.UlPageNavi li,
#forme ul.UlPageNavi li,
#Michishiba ul.UlPageNavi li,
#Seikatsu ul.UlPageNavi li,
#ShaKyoshitsu ul.UlPageNavi li,
#Dotokuhiroba ul.UlPageNavi li {
	margin-bottom: 3px;
	line-height: 1.4;
}
#kyoiku p.p_pagetop,
#forme p.p_pagetop,
#Michishiba p.p_pagetop,
#Seikatsu p.p_pagetop,
#ShaKyoshitsu p.p_pagetop,
#Dotokuhiroba p.p_pagetop {
	font-size: 10px;
	text-indent: 0px;
	margin-left: 0px;
}
#kyoiku p.p_before,
#forme p.p_before,
#fax p.p_before,
#Michishiba p.p_before,
#Seikatsu p.p_before,
#ShaKyoshitsu p.p_before,
#Dotokuhiroba p.p_before {
	clear: both;
	padding-top: 10px;
	text-indent: 0px;
	border-top: 1px solid #DDD;
}
#kyoiku p.p_next,
#forme p.p_next,
#fax p.p_next,
#Michishiba p.p_next,
#Seikatsu p.p_next,
#ShaKyoshitsu p.p_next,
#Dotokuhiroba p.p_next {
	clear: both;
	padding-top: 10px;
	text-indent: 0px;
	border-top: 1px solid #DDD;
}
#kyoiku p.p_next02,
#forme p.p_next02,
#fax p.p_next02,
#Michishiba p.p_next02,
#Seikatsu p.p_next02,
#ShaKyoshitsu p.p_next02,
#Dotokuhiroba p.p_next02 {
	text-indent: 0px;
}
#kyoiku p.p_index_copy,
#forme p.p_index_copy,
#fax p.p_index_copy,
#Michishiba p.p_index_copy,
#Seikatsu p.p_index_copy,
#ShaKyoshitsu p.p_index_copy,
#Dotokuhiroba p.p_index_copy {
	height: 0px;
	font-size: 10px;
	padding-top: 10px;
	text-indent: -9999px;
	border-top: 1px solid #DDD;
}
#kyoiku p.p_kikanshi_copy,
#forme p.p_kikanshi_copy,
#fax p.p_kikanshi_copy,
#Michishiba p.p_kikanshi_copy,
#Seikatsu p.p_kikanshi_copy,
#ShaKyoshitsu p.p_kikanshi_copy,
#Dotokuhiroba p.p_kikanshi_copy,
#kyoiku p.p_copy_clear,
#forme p.p_copy_clear,
#fax p.p_copy_clear,
#Michishiba p.p_copy_clear,
#Seikatsu p.p_copy_clear,
#ShaKyoshitsu p.p_copy_clear,
#Dotokuhiroba p.p_copy_clear {
	height: 0px;
	font-size: 10px;
	text-indent: -9999px;
	letter-spacing: 0.1em;
}
#kyoiku p.p_copy_clear,
#forme p.p_copy_clear,
#fax p.p_copy_clear,
#Michishiba p.p_copy_clear,
#Seikatsu p.p_copy_clear,
#ShaKyoshitsu p.p_copy_clear,
#Dotokuhiroba p.p_copy_clear {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #DDD;
}
#kyoiku #text_box_l ul,
#kyoiku #text_box_r ul,
#forme #text_box_l ul,
#forme #text_box_r ul,
#fax #text_box_l ul,
#fax #text_box_r ul,
#Michishiba #text_box_l ul,
#Michishiba #text_box_r ul,
#Seikatsu #text_box_l ul,
#Seikatsu #text_box_r ul,
#ShaKyoshitsu #text_box_l ul,
#ShaKyoshitsu #text_box_r ul,
#Dotokuhiroba #text_box_l ul,
#Dotokuhiroba #text_box_r ul {
	margin: 5px 15px 1em;
	list-style: none;
	line-height: 1.4;
}
#kyoiku ul li,
#forme ul li,
#fax ul li,
#Michishiba ul li,
#Seikatsu ul li,
#ShaKyoshitsu ul li,
#Dotokuhiroba ul li {
	margin-bottom: 4px;
}
#kyoiku ul.Ulcomment li,
#forme ul.Ulcomment li,
#fax ul.Ulcomment li,
#Michishiba ul.Ulcomment li,
#Seikatsu ul.Ulcomment li,
#ShaKyoshitsu ul.Ulcomment li,
#Dotokuhiroba ul.Ulcomment li {
	font-size: 10px;
	text-indent: -1em;
	margin-left: 5px;
}
#kyoiku ul.UlKatakana li,
#forme ul.UlKatakana li,
#fax ul.UlKatakana li,
#Michishiba ul.UlKatakana li,
#Seikatsu ul.UlKatakana li,
#ShaKyoshitsu ul.UlKatakana li,
#Dotokuhiroba ul.UlKatakana li {
	text-indent: -1.5em;
	margin-left: 23px;
}
#kyoiku ul.UlKatakana li,
#forme ul.UlKatakana li,
#fax ul.UlKatakana li,
#Michishiba ul.UlKatakana li,
#Seikatsu ul.UlKatakana li,
#ShaKyoshitsu ul.UlKatakana li,
#Dotokuhiroba ul.UlKatakana li {
	text-indent: -1.5em;
	margin-left: 23px;
}
#kyoiku ul.UlDisc li,
#forme ul.UlDisc li,
#fax ul.UlDisc li,
#Michishiba ul.UlDisc li,
#Seikatsu ul.UlDisc li,
#ShaKyoshitsu ul.UlDisc li,
#Dotokuhiroba ul.UlDisc li {
	list-style: disc;
	margin-left: 15px;
}
#kyoiku ol,
#forme ol,
#fax ol,
#Michishiba ol,
#Seikatsu ol,
#ShaKyoshitsu ol,
#Dotokuhiroba ol {
	margin: 5px 15px 5px 30px;
	line-height: 1.5;
	list-style: decimal;
}
#ShaKyoshitsu dl {
	margin: 5px 15px 5px 30px;
	line-height: 1.5;
}
#ShaKyoshitsu dl.DlTalk {
	margin: 5px 10px 5px 10px;
	line-height: 1.5;
}
#ShaKyoshitsu dl.Dl1st {
	margin-top: 0px;
}
#ShaKyoshitsu dl dt {
	margin-bottom: 8px;
	font-wight: bold;
}
#ShaKyoshitsu dl dd {
	margin-bottom: 12px;
}
#kyoiku #text_box_l dl.DlProfileFaq,
#kyoiku #text_box_r dl.DlProfileFaq,
#forme #text_box_l dl.DlProfileFaq,
#forme #text_box_r dl.DlProfileFaq,
#fax #text_box_l dl.DlProfileFaq,
#fax #text_box_r dl.DlProfileFaq,
#Michishiba #text_box_l dl.DlProfileFaq,
#Michishiba #text_box_r dl.DlProfileFaq,
#Seikatsu #text_box_l dl.DlProfileFaq,
#Seikatsu #text_box_r dl.DlProfileFaq,
#ShaKyoshitsu #text_box_l dl.DlProfileFaq,
#ShaKyoshitsu #text_box_r dl.DlProfileFaq,
#Dotokuhiroba #text_box_l dl.DlProfileFaq,
#Dotokuhiroba #text_box_r dl.DlProfileFaq {
	margin-top: 5px;
	line-height: 1.2;
	text-align: left;
}
#kyoiku blockquote,
#forme blockquote,
#fax blockquote,
#Michishiba blockquote,
#Seikatsu blockquote,
#ShaKyoshitsu blockquote,
#Dotokuhiroba blockquote {
	margin: 2px 15px;
}
#kyoiku table,
#forme table,
#fax table,
#Michishiba table,
#Seikatsu table,
#ShaKyoshitsu table,
#Dotokuhiroba table {
	width: 250px;
	margin: 0px auto 1em;
	line-height: 1.4;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
#kyoiku table td,
#forme table td,
#fax table td,
#Michishiba table td,
#Seikatsu table td,
#ShaKyoshitsu table td,
#Dotokuhiroba table td {
	padding: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

/* ---------------------------------------------
__Main_Kikanshi_box
--------------------------------------------- */
#index .box_attention {
	clear: both;
	width: 500px !important;
	width /**/: 500px;
	margin: 0px auto 15px;
}
#index .box_attention p {
	text-indent: 0px;
}
#index p.pAttentinon {
	clear: both;
}


.boxPageTop {
	clear: both;
}
#contentWrapper .boxPageTop p {
	text-align: right;
}