/* CSS Document */
body {
margin: 0 auto;
padding: 0;
text-align: center;
font-size: 12px;
color: #333;
line-height: 1.5;
background: url(common/bg_main.jpg) repeat-y center top;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,form {
margin-top: 0px;
margin-bottom: 0px;
}
img {
border-style:none; border-width: 0px;text-decoration: none;}
a img {border-style: none;border-width: 0px;text-decoration: none;}
a:link{ color: #FF6600;}
a:visited { color: #FF6600;}
a:hover { color: #66CC00;}

/* ヘッダー */
#header { 
width: 770px;
height: 174px;
margin: 0 auto;
background: url(common/header.jpg) no-repeat center top;
}
#header a { 
width: 770px;
height: 174px;
display: block;
text-align: left;
text-indent: -9999px;
margin-left: 5px;
}
/* メイン */
#main { width: 760px; margin: 0 auto; text-align: center;}
/* 左カラム */
#main-l { width: 175px; float: left; text-align: left;}
/* 右カラム */
#main-r { width: 550px; float: right; padding-right: 13px;}
#main-r_index-l {width: 358px;text-align: left;float: left;margin-top: 15px;}
#main-r_index-r {width: 180px;float: right;margin-top: 15px;padding-top: 15px;padding-bottom: 15px;background-color: #DFF0C6;}#main-r_index-r p {width: 150px;margin: 0 auto 15px;text-align: left;font-size: 10px;line-height: 1.3;}

/* 左navi */
#navi-l1 {width: 175px;height: 231px;margin: 0 auto 20px;background: url(common/navi_left1.gif) no-repeat left top;}
#navi-l1 ul {width: 175px;height: 231px;list-style-type: none;text-indent: -9999px;text-align: left;font-size: 1px;margin: 0;padding: 0;}
#navi-l1 li {height: 33px;list-style-type: none;}#navi-l1 a{ width: 175px; height: 33px; display: block;}
#navi-l1 #navi-l11 a:hover{ background: url(common/navi_left1.gif) no-repeat -175px 0;}
#navi-l1 #navi-l12 a:hover{ background: url(common/navi_left1.gif) no-repeat -175px -33px;}
#navi-l1 #navi-l13 a:hover{ background: url(common/navi_left1.gif) no-repeat -175px -66px;}
#navi-l1 #navi-l14 a:hover{ background: url(common/navi_left1.gif) no-repeat -175px -99px;}
#navi-l1 #navi-l15 a:hover{ background: url(common/navi_left1.gif) no-repeat -175px -132px;}
#navi-l1 #navi-l16 a:hover{ background: url(common/navi_left1.gif) no-repeat -175px -165px;}
#navi-l1 #navi-l17 a:hover{ background: url(common/navi_left1.gif) no-repeat -175px -198px;}
#navi-l1 #navi-l11on a{ background: url(common/navi_left1.gif) no-repeat -175px 0;}
#navi-l1 #navi-l12on a{ background: url(common/navi_left1.gif) no-repeat -175px -33px;}
#navi-l1 #navi-l13on a{ background: url(common/navi_left1.gif) no-repeat -175px -66px;}
#navi-l1 #navi-l14on a{ background: url(common/navi_left1.gif) no-repeat -175px -99px;}
#navi-l1 #navi-l15on a{ background: url(common/navi_left1.gif) no-repeat -175px -132px;}
#navi-l1 #navi-l16on a{ background: url(common/navi_left1.gif) no-repeat -175px -165px;}
#navi-l1 #navi-l17on a{ background: url(common/navi_left1.gif) no-repeat -175px -198px;}
#navi-l2 {width: 175px;height: 132px;margin: 0 auto 20px;background: url(common/navi_left2.gif) no-repeat left top;}
#navi-l2 ul {width: 175px;height: 132px;list-style-type: none;text-indent: -9999px;text-align: left;font-size: 1px;margin: 0;padding: 0;}
#navi-l2 li {height: 33px;list-style-type: none;}
#navi-l2 a{ width: 175px; height: 33px; display: block;}
#navi-l2 #navi-l21 a:hover{ background: url(common/navi_left2.gif) no-repeat -175px 0;}
#navi-l2 #navi-l22 a:hover{ background: url(common/navi_left2.gif) no-repeat -175px -33px;}
#navi-l2 #navi-l23 a:hover{ background: url(common/navi_left2.gif) no-repeat -175px -66px;}
#navi-l2 #navi-l24 a:hover{ background: url(common/navi_left2.gif) no-repeat -175px -99px;}
#navi-l2 #navi-l21on a{ background: url(common/navi_left2.gif) no-repeat -175px 0;}
#navi-l2 #navi-l22on a{ background: url(common/navi_left2.gif) no-repeat -175px -33px;}
#navi-l2 #navi-l23on a{ background: url(common/navi_left2.gif) no-repeat -175px -66px;}
#navi-l2 #navi-l24on a{ background: url(common/navi_left2.gif) no-repeat -175px -99px;}
#navi-l3 {width: 175px;height: 99px;margin: 0 auto 20px;background: url(common/navi_left3.gif) no-repeat left top;}
#navi-l3 ul {width: 175px;height: 99px;list-style-type: none;text-indent: -9999px;text-align: left;font-size: 1px;margin: 0;padding: 0;}
#navi-l3 li {height: 33px;list-style-type: none;}
#navi-l3 a{ width: 175px; height: 33px; display: block;}
#navi-l3 #navi-l31 a:hover{ background: url(common/navi_left3.gif) no-repeat -175px 0;}
#navi-l3 #navi-l32 a:hover{ background: url(common/navi_left3.gif) no-repeat -175px -33px;}
#navi-l3 #navi-l33 a:hover{ background: url(common/navi_left3.gif) no-repeat -175px -66px;}
#navi-l3 #navi-l31on a{ background: url(common/navi_left3.gif) no-repeat -175px 0;}
#navi-l3 #navi-l32on a{ background: url(common/navi_left3.gif) no-repeat -175px -33px;}
#navi-l3 #navi-l33on a{ background: url(common/navi_left3.gif) no-repeat -175px -66px;}
#navi-l-home {width: 175px;height: 33px;background: url(common/navi_left4.gif) no-repeat left top;}
#navi-l-home a {width: 175px;height: 33px;display: block;text-indent: -9999px;}
#navi-l-home a:hover{ background: url(common/navi_left4.gif) no-repeat -175px 0;}
#navi-l-home-on {width: 175px;height: 33px;background: url(common/navi_left4.gif) no-repeat -175px 0;}
#navi-l-home-on a {width: 175px;height: 33px;display: block;text-indent: -9999px;}
#navi-l-home-on a:hover{ background: url(common/navi_left4.gif) no-repeat -175px 0;}

/* 左アドレス */
#left-add {font-size: 10px;line-height: 1.3;margin-top: 20px;margin-left: 10px;}
#left-add img { margin-bottom: 8px;}

/* フッター */
#footer {width: 770px;height: 140px;float: none;clear: both; font-size: 10px;margin: 0 auto;background: url(common/footer.jpg) no-repeat center bottom;}
#footer p {margin: 0 auto 10px;padding-top: 30px;}
#footer a:link{ color: #333; text-decoration: none;}
#footer a:visited { color: #333; text-decoration: none;}
#footer a:hover { color: #66CC00; text-decoration: underline;}
#footer address { font-style: normal;}

/*---------------------------------------------------------------------------------------------------------------------*/
/* index */
.index-h3 { margin-bottom: 5px; font-size: 14px; color: #FF0000; line-height: 1.3;}
.index-p {}
/* index-RSS配信 */
.index-rss {
width: 358px;background: url(img/index/bg_rss.gif) no-repeat center bottom;line-height: 1.3;}.index-rss table { width: 330px; margin-left: 18px; margin-bottom: 5px; color: #FF6600;}.index-rss th { width: 65px; font-weight: normal; text-align: left; vertical-align: top; padding-bottom: 5px;}.index-rss td { vertical-align: top; padding-bottom: 5px;}

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

/* メインコンテンツ */
.main-contens {text-align: left;}
.main-contens-blog {text-align: left;}
.main-contens h2 {margin: 10px 0 20px;}

/* こだわり */
.kodawari-syokuzai {
margin-top: 20px;padding: 25px 30px 15px 45px;background: url(img/kodawari/bg.gif) repeat-y center top;}
.kodawari-syokuzai h4 {color: #FF6600;font-size: 16px;margin-bottom: 10px;}
.kodawari-syokuzai h5 {color: #663300;font-size: 14px;margin-bottom: 5px;clear: both;float: none;}
.kodawari-syokuzai p {margin-bottom: 20px;}
.kodawari-tyugoku {
background-color: #FFFFBB;border: 1px solid #FF0033;padding: 25px;font-size: 14px;margin-bottom: 20px;}.kodawari-tyugoku h3 {text-align: center;font-size: 18px;color: #FF0033;margin-bottom: 5px;}
.kodawari-tyugoku strong { color: #FF0033;}

/* ご利用方法 */
.use {background: url(img/use/bg_main.gif) no-repeat center bottom;margin-bottom: 10px;} 
.use-tit {
height: 50px;background: url(img/use/bg_tit.gif) no-repeat center top;padding: 20px 25px 0;margin-bottom: 0;font-size: 16px;color: #663300;}.use p { margin: 0 25px; padding-bottom: 20px;} .use-arrow {width: 550px;height: 30px;background: url(../img/use/arrow.gif) no-repeat center top;margin-bottom: 10px;text-indent: -9999px;}

/* よくある質問 */
.faq {
background: url(img/faq/bg_main.gif) no-repeat center bottom;margin-bottom: 20px;} 
.faq-tit {
height: 50px;background: url(img/faq/bg_tit.gif) no-repeat center top;padding: 20px 25px 0;margin-bottom: 0;font-size: 16px;color: #FF0033;}.faq p { margin: 0 25px; padding-bottom: 20px; font-size: 14px;} 

/* 採用情報 */
.syokusyu {
margin: 10px auto 15px;padding: 20px 27px 20px 42px;background: url(img/rec1/bg_syokusyu.gif) repeat-y center top;}
.syokusyu h4 {color: #FF6600;font-size: 16px;}
.syokusyu td { vertical-align: top;}
#syocho {background: url(img/rec1/syocho_bg.gif) no-repeat center bottom;padding-top: 10px;padding-bottom: 40px;text-align: center;margin-bottom: 20px;} 
#syocho table { width: 470px; margin: 0 auto;}
#syocho td { text-align: center;}
#syocho h4 { font-size: 14px; color: #FF3366; line-height: 1.3;}
#ichiran {width: 550px;background: url(img/rec1/bg_ichi-main.gif) no-repeat center bottom;line-height: 1.3;margin-bottom: 20px;}
#ichiran p { width: 490px; margin-top: 10px;margin-left: 30px;}#ichiran table { width: 490px; margin-top: 10px;margin-left: 30px; margin-bottom: 15px; color: #FF6600;}#ichiran th { width: 70px; font-weight: normal; text-align: left; vertical-align: top; padding-bottom: 5px;}
#ichiran td { vertical-align: top; padding-bottom: 5px;}
#ichinichi {background: url(img/rec2/bg.gif) no-repeat center bottom;padding-top: 10px;padding-bottom: 40px;text-align: center;margin-bottom: 20px;} 
#ichinichi p { margin: 0 45px 15px;}
#ichinichi h4 { margin: 0 45px; font-size: 18px; color: #FF6600;} 
.ichinichi-arrow {width: 460px;height: 30px;background: url(img/rec2/arrow.gif) no-repeat center top;margin-bottom: 15px;text-indent: -9999px;}
.rec-tab {background-color: #CCCCCC;margin: 15px auto;}
.rec-tab caption {color: #FF6600;font-size: 14px;font-weight: bold;text-align: left;}
.rec-tab th {background-color: #FFFFAA;width: 60px;padding: 10px;color: #FF6600;text-align: center;}
.rec-tab td {background-color: #FFFFFF;padding: 10px;}
.staff { padding: 20px;float: none;clear: both;margin-bottom: 20px;}
.staff h3 {font-size: 12px;color: #663300;margin-bottom: 5px;}
.staff h4 {font-size: 16px;color: #FF6600;margin-bottom: 8px;}

.data-tab {background-color: #CCCCCC;}
.data-tab caption {color: #FF6600;font-size: 14px;font-weight: bold;text-align: left;padding-bottom: 5px;}
.data-tab th {background-color: #FFFFAA;padding: 10px;color: #FF6600;text-align: center;}
.data-tab td {background-color: #FFFFFF;padding: 10px;}

/* プライバシーポリシー */
#privacy { margin: 30px auto; }
#privacy h3 { font-size: 14px; color: #663300; margin-bottom: 10px;}
#privacy h4 { font-size: 14px; color: #FF6600; margin-bottom: 5px;}
#privacy p { margin-bottom: 25px; margin-left: 20px; margin-right: 20px;}


/* ブログ部分 */
.blog-tit {font-style: normal;font-size: 16px;color: #663300;border-left:#FF6600 solid 7px;padding-left: 8px; margin-top: 15px;}
.blog-name {height: 50px;background: url(img/blog/bg_name.gif) no-repeat center top;padding: 20px 25px 0;margin-bottom: 0;font-size: 16px;color: #663300;clear: both;float: none;}
.blog-name a { text-decoration: none;}
.blog-body {padding: 0 25px 20px;margin-top: 0;margin-bottom: 20px;}
.blog-meta {text-align: right;margin-top: 10px;clear: both;float: none;}
.blog-cate {text-align: right;margin-top: 10px;font-weight: bold;font-size: 14px;}
.blog-more { margin-top: 7px;}


.left { text-align: left;}.center { text-align: center;}.right { text-align: right;}

.mar_b00 { margin-bottom: 0;}.mar_b05 { margin-bottom: 5px;}.mar_b10 { margin-bottom: 10px;}.mar_b15 { margin-bottom: 15px;}.mar_b20 { margin-bottom: 20px;}.mar_b30 { margin-bottom: 30px;}.mar_b40 { margin-bottom: 40px;}.mar_b50 { margin-bottom: 50px;}.mar_b-auto { margin-bottom: auto;}
.mar_t00 { margin-top: 0;}.mar_t05 { margin-top: 5px;}.mar_t10 { margin-top: 10px;}.mar_t15 { margin-top: 15px;}.mar_t20 { margin-top: 20px;}.mar_t30 { margin-top: 30px;}.mar_t40 { margin-top: 40px;}.mar_t50 { margin-top: 50px;}.mar_t-auto { margin-top: auto;}
.mar_l00 { margin-left: 0px;}.mar_l05 { margin-left: 5px;}.mar_l10 { margin-left: 10px;}.mar_l20 { margin-left: 20px;}.mar_l30 { margin-left: 30px;}.mar_l-auto { margin-left: auto;}
.mar_r00 { margin-right: 0px;}.mar_r05 { margin-right: 5px;}.mar_r10 { margin-right: 10px;}.mar_r20 { margin-right: 20px;}.mar_r30 { margin-right: 30px;}.mar_r-auto { margin-right: auto;}

.f07{ font-size: 7pt;}.f08{ font-size: 8pt;}.f09{ font-size: 9pt;}.f10{ font-size: 10pt;}.f11{ font-size: 11pt;}.f12{ font-size: 12pt;}.f13{ font-size: 13pt;}.f14{ font-size: 14pt;}.f15{ font-size: 15pt;}.f16{ font-size: 16pt;}.f17{ font-size: 17pt;}.f18{ font-size: 18pt;}.f19{ font-size: 19pt;}.f20{ font-size: 20pt;}

.lh120{ line-height: 1.2;}.lh130{ line-height: 1.3;}.lh140{ line-height: 1.4;}.lh150{ line-height: 1.5;}.lh160{ line-height: 1.6;}.lh170{ line-height: 1.7;}.lh180{ line-height: 1.8;}.lh190{ line-height: 1.9;}.lh200{ line-height: 2.0;}

.c_aka { color: #FF0033;}.c_pink { color: #FF0066;}.c_midori { color: #669900;}.c_kin { color: #CC9933;}.c_orange { color: #FF6600;}.c_ao { color: #006699;}.c_kuro { color: #000000;}.c_shiro { color: #ffffff;}.c_nezumi { color: #666666;}
.photo_left {float: left; margin-right: 15px; margin-bottom: 12px;}.photo_right {float: right; margin-left: 13px; margin-bottom: 10px;}.photo_clear {float: none; clear: both;}