/****************
  ページ全体
 ****************/
body { background-image: url(../images/back.gif); text-align: center; margin: 0; padding: 0; color: #333; 
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}
a { color: #009}
a:visited { color: #009}
a:hover { color: #FE6A08}
p { width: auto}
p.link { clear: both; font-size: 80%}
p.cb { clear:both; margin: 0}
p.cb2 { clear: both; margin: 0; padding: 0}
/*右帯はいる部分*/
div#body_1 { background: #FFF url(../images/r_menu_back.gif) repeat-y left top; width: 800px; text-align: left; margin: 0 auto; padding: 0}
/*ページ下部シロべた部分*/
div#body_2 { background-color: #FFF; width: 800px; margin: 0 auto 20px auto; padding: 0; text-align: center}
table caption { font-size: 90%}

/****************
 body_1
  ページタイトル部分
 ****************/
div#top_title1 { width: auto; text-align: left; margin: 0; padding: 0}
div#top_title1 img { margin: 0; vertical-align: top}
div#top_title2 { float: left; text-align: left; width: 600px; margin: 0; padding: 0}
div#top_title2 img { margin: 0; vertical-align: top}
div#top_menu_r { float: right; text-align: left; width: 200px; margin: 0; padding: 0}
div#top_menu_r img { margin: 0; vertical-align: top}

/****************
 body_1
　パンくずリスト部分
 ****************/
div#pan_list { padding: 10px; clear: both}
div#pan_list p { font-size: 80%; margin: 0; padding: 0}

/****************
 body_1
　コピーと事業リンク部分
 ****************/
div#contents p.copy { font-size: 90%; color: #FD4609; font-weight: bold; text-align: center; margin: 0; padding: 0 0 10px 0;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", Osaka}

/****************
 body_1
　コンテンツ部分
 ****************/
div#contents { width: 575px; float: left; padding-left: 15px; background-color: transparent}
div#contents h1 { background: url(../images/h1_back.gif) no-repeat center left; font-size: 90%; color: #FE6A08;
	clear: both; padding: 5px 0 5px 40px; width: auto}
div#contents h2 { margin-left: 15px; color: #009; padding: 4px 6px; border-left: 10px solid #009; font-size: 90%;
	clear: both; width: auto; margin-top: 20px}
div#contents p { padding: 0 0 0 15px; font-size: 80%; line-height: 130%}
div#contents p.naka_yose { padding: 0;text-align: center; font-size: 90%}
div#contents p.copy2 { font-size: 90%; color: #FD4609; font-weight: bold; margin: 0; padding: 0 0 0 15px;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", Osaka}
div#contents p.copy3 { font-size: 90%; color: #FD4609; font-weight: bold; margin: 0; padding: 5px 0 5px 5px;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", Osaka}
div#contents p.copy4 { font-size: 90%; color: #333; font-weight: bold; margin: 10px auto 20px auto;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", Osaka; text-align: center;
	border: 1px solid #FD4609; padding: 5px 20px; width: 70%}
div#contents p.copy5 { font-size: 90%; color: #333; font-weight: bold; line-height: 180%
	; text-align: left; padding: 5px 20px; width: 70%}
div.waku_kouen {  text-align: left; background-color: #FC6; padding: 5px 0 5px 10px; width: 555px; margin-bottom: 20px}
div.waku_kouen p { margin: 0; padding: 0}
div#contents p.copy6 { margin: 0 0 5px 0; padding: 0; line-height: 130%; font-size:85%}

div#contents p.num_list { text-indent: -2em; padding-left: 2em; margin:3px 0 6px 15px; line-height: 130%}
div#contents p.komidasi { font-weight: bold; margin-bottom: 0; font-size: 80%}
div#contents p.komidasi2 { font-weight: bold; margin-bottom: 0; font-size: 90%; color: #FD4609}
div#contents p.komidasi3 { margin-bottom: 0; font-size: 80%}
div#contents .tume { margin-top: 5px}
div#contents .tumekomi { margin-top: 5px; margin-bottom: 0}
div#contents p.sasie_left img { margin-right: 15px;float: left}
/*追加*/
div#contents ol { font-size: 80%}
div#contents ul.ten_nasi2 { padding-left: 10px; margin-left: 0; margin-top: 5px}
div#contents ul.ten_nasi2 li { list-style-type: none; margin-bottom: 10px}

/*jigyou/index.htmlのMT部分で使用*/
div#contents p.mt_year { font-weight: bold; margin-bottom: 5px; font-size: 80%}
div#contents p.mt_list { margin-top: 1px; margin-bottom: 0}
/*jigyou/index.htmlのMT部分で使用ここまで*/

.akamoji { color: #F00}
.oremoji { color: #FD4609}
.small { font-size: 75%}
/*QandA*/
.faq_q { font-size: 90%; font-weight: bold; color: #FD4609; margin-bottom: 3px}
.faq_a { font-size: 90%; font-weight: bold; color: #009; margin-bottom: 3px}
ul.ten_nasi li { list-style-type: none; margin-bottom: 10px}
.p_list { text-indent: -15px; padding-left: 15px; margin:0 0 0 15px; line-height: 130%}
.p_list2 { text-indent: -15px; padding-left: 15px; margin-left: 15px;line-height: 130%}
/*講演抜粋*/
div#koen p { line-height: 150%}
div#koen li { line-height: 150%; margin-bottom: 10px}
/*新着情報*/
div.news_block { margin-top: 10px; border-bottom: 1px dashed #FE6A08; width: 550px}
div#contents p.news_date { margin: 0; padding: 0px 0 5px 0; font-size: 85%; padding: 0}
div#contents p.news_title { margin: 0; padding: 5px 0 5px 20px; font-size: 85%}
div#contents p.news_contents { margin: 0; padding: 5px 0 10px 20px; line-height: 120%}
/*理論　イラストいり会話部分*/
div.riron_fleft_g { float: left; width: 45px; height: 72px; background-color: #F4F7F7;
	margin-left: 10px; margin-bottom: 10px}/*人背景グレー左*/
div.riron_fleft_g72 { display: block; width: 500px; height: 72px;float: left;
	background-color: #F4F7F7}/*文字背景グレー*/
div#contents div.riron_fleft_g72 p {  vertical-align: middle; font-size: 80%; margin: 0; padding: 5px}
div#contents div.waku_mura { width: 545px; border: 1px solid #CCC; margin-left: 10px; margin-bottom: 20px;
	background-color: #F4F7F7; clear: both}
div#contents div.waku_mura p img { float: right; margin: 0}
div#contents div.waku_mura p { width: 535px; margin: 0; padding: 5px; font-size: 90%}
div#contents div.waku_goto { width: 545px; border: 1px solid #CCC; margin-left: 10px; margin-bottom: 20px}
div#contents div.waku_goto p { width: auto; margin: 0; padding: 5px 5px 5px 70px; font-size: 90%}
div#contents div.waku_goto img { float: left; margin: 5px}
div#contents div.waku_mura2 { width: 545px; border: 1px solid #CCC; margin-left: 10px; margin-bottom: 20px;
	background-color: #F4F7F7; clear: both; height: 82px}
div#contents div.waku_mura2 p img { float: right; margin: 0}
div#contents div.waku_mura2 p { width: 535px; margin: 0; padding: 5px; font-size: 90%}
div#contents div.waku_goto2 { width: 545px; border: 1px solid #CCC; margin-left: 10px; margin-bottom: 20px;
	height: 82px}
div#contents div.waku_goto2 p { width: auto; margin: 0; padding: 5px 5px 5px 70px; font-size: 90%}
div#contents div.waku_goto2 img { float: left; margin: 5px}
/*プロフィール*/
div#pro_mura { width: 500px; margin-left: 30px; height: 188px}
div#pro_mura p { padding-left: 200px; padding-top: 50px; font-size: 90%; font-weight: bold}
div#pro_mura img { float: left}

/*コンセプト*/
div#contents ul { font-size: 80%}
div#contents ul ul { font-size: 100%}
div#contents li { font-size: 100%; line-height: 130%}
div#contents li.list10 { margin-bottom: 10px}
/*趣意書*/
p.ss_title { font-size: 90%; font-weight: bold}
p.ss_migi { width: 520px; text-align: right}
div#ss_box { padding: 10px; width: 370px; background-color:#FFECC4; border-width: 3px; border-style: solid;
	border-color: #CCC #666 #999 #EEE; margin-left: 70px}
p#ss_line1 { font-weight: bold; color: #009; font-size: 100%}
p#ss_line2 { font-weight: bold; color: #009; font-size: 100%; text-align: center; padding-left: 0}
p#ss_line3 { font-weight: bold; color: #009; font-size: 100%; text-align: right; margin-right: 10px}
/*テーブル*/
div.form_table { margin-bottom: 5px; margin-left: 10px}
div.form_table table tr td { font-size: 70%; vertical-align: middle; padding-top: 8px; padding-bottom: 8px}
div.form_table form { margin-bottom: 0}
div.form_table2 { margin-bottom: 5px; margin-left: 10px}
div.form_table2 table tr td { font-size: 90%; vertical-align: top; padding-top: 5px; padding-bottom: 5px}
div.form_table2 table tr th { font-size: 80%; padding-top: 5px; padding-bottom: 5px}
div.pro_table { margin-bottom: 10px; margin-left: 10px}
div.pro_table table { border: 1px solid #CCC}
div.pro_table table tr th { font-size: 80%; text-align: center}
div.pro_table table tr td { font-size: 80%; text-align: left; padding-left: 10px}
div.pro_table2 { margin-bottom: 10px; margin-left: 10px}
div.pro_table2 table tr th { font-size: 80%; text-align: left; padding: 10px 0 10px 10px}
div.pro_table2 table tr td { font-size: 80%; text-align: left; padding: 10px 0 10px 10px}
/*サイトマップ*/
div#sm_box { margin-left: 10px}
div#sm_box p { padding: 5px; margin: 20px 0 0 0; width: 90%}
div#sm_box ul { margin: 0; padding: 0 0 0 20px; font-size: 80%}
div#sm_box ul li { margin: 0 0 5px 20px}
div#sm_box ul ul { font-size: 100%}
div#sm_box li { font-size: 100%}
p.sm0 { background-color: #F4F7F7; border-left: 9px double #FE6A08 }
p.sm1 { background-color: #F4F7F7; border-left: 9px solid #F90}
p.sm2 { background-color: #F4F7F7; border-left: 9px solid #CCC}
/*事業：ホームページ工場*/
div.site_list { width: 570px; padding-top: 5px} 
div.site_list ul li { display: block; float: left; list-style-type: none; font-size: 80%}
div.site_list li { text-align: center; width: 165px; margin-bottom: 20px}
div.site_list li img { margin-bottom: 5px}

/****************
 body_1
　サブメニュー
 ****************/
div#sub_menu { width: 193px; float:right; padding-right: 3px }
/*オレンジ枠*/
div.menu_block { width: 190px; background-color: #FFF; border: 1px solid #FD4609; margin-bottom: 20px}
div.menu_block p { padding: 5px; margin: 0; font-size: 80%}
div.menu_block ul li { list-style-image: url(../images/point.gif); font-size: 80%; margin: 0 0 15px 5px;
	line-height: 130%}
div.menu_block ul {  margin: 0; padding: 10px 0 10px 20px }
/*オレンジ枠２：事業案内専用*/
div.menu_block2 { width: 190px; background-color: #FFF; border: 1px solid #F90; margin-bottom: 20px}
div.menu_block2 p { padding: 5px; margin: 0; font-size: 80%}
div.menu_block2 ul li { list-style-image: url(../images/j_point.gif); font-size: 80%; margin: 0 0 15px 5px;
	line-height: 130%}
div.menu_block2 ul {  margin: 0; padding: 10px 0 10px 20px }
/*バナー*/
div.bana { text-align:center}
div.bana p { margin: 0; padding: 0; line-height: 100%}
div.bana p img { margin-bottom: 20px}
/*バナー文字入り*/
div.bana2 { text-align: center; margin-bottom: 20px}
div.bana2 p { margin: 0; padding: 5px 0 0 5px; font-size: 80%; text-align: left; line-height: 120%}
div.bana2 img { margin: 0}

/****************
 body_2
  フッター部分
 ****************/
div#foot_list { float:left; text-align: center; width: 600px}
div#foot_list p { font-size: 80%; line-height: 130%; margin: 0; padding: 5px 0}
p#link { float: right; width: 180px;font-size: 80%; line-height: 130%; margin: 0; padding: 5px 0}
div#footer { clear: both}
div#footer p { font-size: 80%; line-height: 130%; padding: 5px 0; margin: 0}

