@charset "Shift-JIS";

/* レイアウトＢタイプ CSS */

/*----------------------------------------------------------------------------------------

　　　　　　　　　　　　　　　　　　　　基本設定

----------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
	vertical-align:top;
}
body {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
	word-break:break-all;
	background-color: #fff;
}

li {list-style-type: none;}

a:link {
	color: #076;
	text-decoration:underline;
}
a:visited {
	color: #076;
	text-decoration:underline;
}
a:hover {
	color: #076;
	text-decoration:none;
}
a:active {
	color: #076;
	text-decoration:underline;
}



/*----------------------------------------------------------------------------------------

　　　　　　　　　　　　　　　　　　　　　文字設定

----------------------------------------------------------------------------------------*/

.fontsize8_linehi12 {
	font-size: 8pt;
	line-height: 12pt;
}

.fontsize10_linehi14 {
	font-size: 10pt;
	line-height: 14pt;
}

.fontsize12_linehi18 {
	font-size: 12pt;
	line-height: 18pt;
}

h1, h2, h3, h4, h5, h6{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 16px;
	font-weight:normal;
}

.font_red {color:#ff0000;}
.bold {font-weight:bold;}
.font-red {color:red;}

/*----------------------------------------------------------------------------------------

　　　　　　　　　　　　　　　　　　　　　　全体

----------------------------------------------------------------------------------------*/

#outline {
	width:770px;
	margin:auto;
	text-align: left;
	background: url(images/outline_shadow.gif) repeat-y;
}

.both {
	clear:both;
	height:1px;
}
.both10 {
	clear:both;
	height:10px;
}
.both20 {
	clear:both;
	height:14px;
}



/*----------------------------------------------------------------------------------------

　　　　　　　　　　　　　　　　　　　　　　header

----------------------------------------------------------------------------------------*/

#header_catch{position:relative;z-index:1;margin-bottom:-20px;margin-left:10px;}
#header {
	width: 758px;
	height: 121px;
	margin-left: auto;
	margin-right: auto;
	color: #333;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
	background-color: #faf9f2;
	background: url(images/header_title.jpg) bottom no-repeat;
}

#header_left{
	width: 421px;
	float: left;
	margin-left: 15px;
	margin-right: 83px;
	padding: 4px 0 0 0;
	display: inline;
	color: #333;
}

#logo{
	margin-top: 34px;
	height: 64px;
}

#logo_text{
	margin-top:34px;
    line-height:16pt;
	color: #202020;
	font-size: 20pt;
}

#header_text{
	padding-top: 30px;
	width: 220px;
	text-align: right;
	float: left;
}



/*----------------------------------------------------------------------------------------

                                       ナビゲーション設定

----------------------------------------------------------------------------------------*/

#navigation {
	width: 179px;
	padding-top: 5px;
	float: left;
	display: inline;
	color: #333;
}

#navi {
	margin-bottom: 10px;
	padding-top: 2px;
}

/*#navi li { text-indent: -999em;}*/

#navi a {
	width:144px;
	margin-bottom: 4px;
	padding: 7px 0px 7px 30px;
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#navi a:link {text-decoration: none;}
#navi a:visited {text-decoration: none;}
#navi a:hover {text-decoration: none;}
#navi a:active {text-decoration: none;}

#navi .navi_01 {margin-left: 2px;}
#navi .navi_01 a {background: url(images/navi_off.gif) left top no-repeat;}
#navi .navi_01 a:hover {background: url(images/navi_on.gif) left top no-repeat;}

#navi .navi_text {
	margin: 0px 0px 3px 16px;
	font-size: 11px;
}


/*------------------------------

ナビゲーション（マイページ部分）

------------------------------*/

/* 社長日記 */
.mypage {
	width: 169px;
	margin: 0 0 2px 5px;
}
.mypage a:link {color: #638c0b;text-decoration:none;}
.mypage a:visited {color: #638c0b;text-decoration:underline;}
.mypage a:active {color: #638c0b;text-decoration:none;}
.mypage a:hover {color: #638c0b;text-decoration:underline;}

.mypage_top {
	height:1px;
	background: url(images/mypage_title_bg.gif);
}
.mypage_text {
	padding:5px 5px 5px 17px;
	color: #333;
	background: url(images/mypage_bg.gif) repeat-y;
}
.mypage_line {
	height:0px;
/*	background: url(images/mypage_bg.gif.gif);*/
}

.mypage_link {
	padding: 5px 0px 0px 10px;
	color:#333366
	font-weight:bold;
}
.mypage_bottom {
	height: 4px;
	background: url(images/mypage_bottom_bg.gif) no-repeat;
}
.mapage_title {
	height: 22px;
	padding: 7px 0px 0px 15px;
	font-size: 14px;
	background: url(images/mypage_title_bg.png) no-repeat;
}

/* 事業地域・企業情報 */
.jigyou{
	width:165px;
	margin-top: 10px;
	margin-left: 6px;
	border: 1px #999 solid;
}
.jigyou_title{
	height: 17px;
	padding: 6px 0px 0px 10px;
	color: #333;
	font-weight:bold;
	background: #d4e8ac;
	border-bottom: 1px dotted #999;
}
/*
.jigyou_line {
	height:0px;
	background: url(images/jigyou_line.gif);
}*/
.jigyou_text {
	color: #333;
	padding: 7px 10px 7px 10px;
	background: #fff url(images/jigyou_text_bg.png) bottom repeat-x;
}
/*
.jigyou_bottom {
	height: 0px;
	margin-bottom:10px;
}*/


/* マイリフォームレシピ */
#reform {
	width: 166px;
	margin-top: 10px;
	margin-left: 6px;
	background: url(images/reform_bg1.gif) repeat-y;
}
#reform_top {
	height:1px;
	background: url(images/reform_top.gif);
}
#reform_img{
	margin-bottom: 5px;
	text-align: left;
}
/*
#reform_line {
	height:1px;
	background:url(images/reform_line.gif) no-repeat;
}*/
#reform_text {
	padding: 0px 15px 5px 0px;
	color: #333;
	font-size: 10px;
	line-height: 1.3em;
	text-align: left;
	background: url(images/reform_bg2.gif) repeat-y;
}
#reform_bottom {
	height:1px;
	background: url(images/reform_bottom.gif);
}



/*----------------------------------------------------------------------------------------

                                    メインコンテンツ設定

----------------------------------------------------------------------------------------*/

#page_body {
	width:758px;
	margin: auto;
	padding-top: 5px;
	border-left: 1px #707070 solid;
	border-right: 1px #707070 solid;
	background: #fff url(images/sidebar_bg.gif) left repeat-y;
}
#contents {
	width: 550px;
	float: left;
	margin: 0 0px 0 10px;
	padding: 4px 4px 10px 4px;
	border: 1px solid #ccc;
	background: #f8f9f1;
}
#main_visual {
	width:758px;
	height:223px;
	margin:auto;
	padding-bottom: 7px;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
	background-color: #fff;
	background:url(images/header_pict.jpg) no-repeat;
}
.main_text{
	padding:155px 0px 0px 10px;
	color: #fff;
	font-size:12pt;
	line-height: 1.2em;
	font-weight:bold;
	vertical-align:bottom;
}
.contents_01 {
	width:550px;
	margin: 0;
	padding: 0;
}
.contents_02 {
	width: 548px;
	border: 1px #ccc solid;
	background: #fff url(images/content_text_bg.png) bottom repeat-x;
}




/*------------------------------

      　フリーページ

------------------------------*/

.mypage_con_midashi {
	width: 515px;
	height: 28px;
	margin: 0 0 8px 0;
	padding: 8px 0px 0px 35px;
	color: #333;
	font-size:16px;
	font-weight:bold;
	background:url(images/content_mypage_title_bg.png) no-repeat;
}

.top_con_photo {
	width: 164px;
	float: left;
	margin: 0 10px;
	_margin: 0 10px 0 5px; /* win IE6 hack */
	text-align: center;
	border: 1px solid #707b5d;
}
.con_photo_top {}
.top_con_photo img {margin: 2px;}
.con_photo_bottom {}

.con_syosai {text-align:right;}


.mypage_con_text {
	width:364px;
	_width:360px; /* win IE6 hack */
	float:left;
	color: #333;
}
.mypage_con_syosai {
	margin-top: 20px;
	_margin-right: 5px; /* win IE6 hack */
	text-align:right;
	clear:both;
}

.mypage_con_syosai a:link {color: #076; text-decoration:none;}
.mypage_con_syosai a:visited {color: #076; text-decoration:none;}
.mypage_con_syosai a:hover {color: #076; text-decoration:underline;}
.mypage_con_syosai a:active {color: #076; text-decoration:underline;}



/*------------------------------

   　　　固定ページ

------------------------------*/

.con_midashi {
	height:24px;
	margin-bottom: 9px;
	padding: 8px 0px 0px 35px;
	color: #304100;
	font-size:12pt;
	font-weight:bold;
	background:url(images/content_title_bg.png) no-repeat;
}
.con_text {
	width: 395px;
	float:left;
	display: block;
	margin: 0 9px 15px 9px;
	_margin: 0 5px 15px 5px; /* win IE6 hack */
	color: #333;
}

.con_photo02 {
	width:126px;
	float:left;
	text-align:center;
	border: 1px solid #707b5d;
}
.con_photo02 img {margin: 2px;}
.con_photo_top02 {height:1%;}
.con_photo_bottom02 {height:1%;}

.con_bottom{
	height: 1px;
	margin-bottom: 16px;
	clear:both;
}




/*------------------------------

       会社概略+新着情報

------------------------------*/

/* 会社概略 */
#gairyaku {
	width: 270px;
	margin-right: 9px;
	_margin-right: 8px; /* win IE6 hack */
	float:left;
}
#gairyaku_top {
	height:6px;
	border-top: 1px #ccc dotted;
/*	background:url(images/gairyaku_top.jpg);*/
}
#gairyaku_title {
	height: 21px;
/*	text-indent: -999em;*/
	padding: 9px 0 0 23px;
	font-size: 16px;
	font-weight: bold;
	background:url(images/content_info_title_bg.png) left top no-repeat;
}
#gairyaku_bg {
	background:url(images/content_info_text_bg.png) left bottom repeat-x;
}
#gairyaku_bottom {
	height:5px;
/*	background:url(images/gairyaku_bottom.gif);*/
}

/* 新着情報 */
#what_new_01 {
	width: 270px;
	float:left;
}
#what_new_02 {width:560px;}

#new_title {
	height: 21px;
/*	text-indent: -999em;*/
	padding: 9px 0 0 23px;
	font-size: 16px;
	font-weight: bold;
	background:url(images/content_info_title_bg.png) left top no-repeat;
}

#new_top {
	height:0px;
	border-top: 1px #ccc dotted;
/*	background:url(images/gairyaku_top.jpg);*/
}

#new_bg {background:url(images/gairyaku_bg.gif);}

#new_bottom {
	height:5px;
/*	background:url(images/gairyaku_bottom.gif);*/
}

#new_title_02{
	height:26px;
	text-indent: -999em;
	background:url(images/whats_new_02.gif) left top no-repeat;
}

#new_text_01{
	padding: 6px 10px 10px 10px;
	background:url(images/content_info_text_bg.png) bottom repeat-x;
	color: #333;
}


#new_top_02 {
	height:6px;
	background:url(images/gairyaku2_top.jpg);
}
#new_text_02 {
	padding: 2px 0 2px 10px;
	color: #333;
	background:url(images/gairyaku2_bg.jpg) left top repeat-y;
}

#new_bottom_02 {
	height:5px;
	background:url(images/gairyaku2_bottom.gif);
}


.new_line{
	height:3px;
	margin: 2px 0px 2px 0px;
	background:url(images/new_line.gif) left top no-repeat;
	clear:both;
}


/*------------------------------

     　メール新聞+URL送信

------------------------------*/

#form {
	width:534px;
	padding: 5px 7px 0 7px;
	border: 1px solid #888;
	background: #eee2f3;
}

#information_top {
	height:1px;
	background: url(images/mail_top.gif);
}
#mail_top {
	height: 29px;
/*	text-indent:-999em;*/
	padding: 16px 0 0 70px;
	color: #39602c;
	font-size: 16px;
	font-weight: bold;
	background: url(images/content_form_mail.png) no-repeat;
}

#mobile_top {
	height: 30px;
/*	text-indent:-999em;*/
	padding: 23px 0 0 70px;
	color: #39602c;
	font-size: 16px;
	font-weight: bold;
	background: url(images/content_form_mobile.png) no-repeat;
}

.form_text {
	padding:5px 10px 5px 10px;
	color: #333;
}

.form_radio {
	padding:0px 10px 0px 10px;
	float:right;
	color: #333;
}

.form_right {
	margin-right:10px;
	text-align:right;
}
.form_textfield {
	margin-bottom:10px;
	padding:0px 10px 0px 10px;
	float:right;
}

.input_01{
	width:180px;
	padding: 1px;
	font-size: 12px;
	border: 1px solid #999;
	background-color: #fff;
}
.input_02{
	width: 50px;
	color:#333;
	border: 1px solid #999;
	background: url(images/content_form_button_bg.gif) bottom repeat-x;
}
.input_02:hover {border: 1px solid #f93;}

#form_bottom {height:10px;}


#info{
	width:270px;
	margin-right:10px;
	float:left;
	background: url(images/gairyaku_bg.gif) repeat-y;
}

#info_title {
	height:35px;
	background: url(images/gairyaku.gif);
	text-indent:-999em;
}
#info_top {
	height:12px;
	margin-bottom:5px;
	background: url(images/gairyaku_top.gif);
}
#info_bottom {
	height:4px;
	margin-top:5px;
	background: url(images/gairyaku_bottom.gif);
}
.info_text{
	width:250px;
	padding:2px 10px 5px 10px;
	color: #333;
}

.info_text li{float:left;}
.info_li01 {width:70px;}
.info_li02 {width:170px;}
.info_line{
	height:1px;
	margin:0;
	clear:both;
	/* background: url(images/gairyaku_line.gif);*/
}



/*----------------------------------------------------------------------------------------

                                         footer

----------------------------------------------------------------------------------------*/

#footer {
	width:758px;
	margin:auto;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
}
#footer a:link {color: #fff;text-decoration:underline;}
#footer a:visited {color: #fff;text-decoration:underline;}
#footer a:hover {color: #fff;text-decoration:none;}
#footer a:active {color: #fff;text-decoration:none;}

#footer_line {
	width:758px;
	height:0px;
	margin:auto;
}
#footer_link {
	width:758px;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #809d53;
}
#footer_link_in {
	width:740px;
	margin:auto;
	line-height: 1.3em;
	text-align: center;
}
#footer_copyright{
	width:758px;
	height:18px;
	padding-top: 5px;
	color: #333;
	font-size: 11px;
	line-height:1.2emt;
	text-align: center;
	background-color: #faf9f2;
}