@charset "UTF-8";

/* 基本
---------------------------------------------*/
html:\66irst-child body { font-size: 66%;}
body { color: #000000; font-size: 72%; *font-size: 69%; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; background:url(../images/wra_bg.gif) top left repeat;}

img { vertical-align: top;}


/* リンク色
---------------------------------------------*/
a { color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none;}
a:hover, a:focus { color: #000000; text-decoration: underline;}
a:active { color: #000000; text-decoration: underline;}

a:hover img,a:focus img { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
a:active img { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

#pagetop a { color: #787878; text-decoration: none;}
#pagetop a:visited { color: #787878; text-decoration: none;}
#pagetop a:hover, #pagetop a:focus { color: #787878; text-decoration: underline;}
#pagetop a:active { color: #787878; text-decoration: underline;}

.s_reno_url a { color: #6B8044; text-decoration: none;}
.s_reno_url a:visited { color: #6B8044; text-decoration: none;}
.s_reno_url a:hover, .s_reno_url a:focus { color: #6B8044; text-decoration: none;}
.s_reno_url a:active { color: #6B8044; text-decoration: none;}

.link_blue a { color: #32A4E1; text-decoration: none;}
.link_blue a:visited { color: #32A4E1; text-decoration: none;}
.link_blue a:hover, .link_blue a:focus { color: #32A4E1; text-decoration: underline;}
.link_blue a:active { color: #32A4E1; text-decoration: underline;}

#blog_txt a { color: #32A4E1; text-decoration: none;}
#blog_txt a:visited { color: #32A4E1; text-decoration: none;}
#blog_txt a:hover, #blog_txt a:focus { color: #32A4E1; text-decoration: underline;}
#blog_txt a:active { color: #32A4E1; text-decoration: underline;}

#blog_cat a { color: #000000; text-decoration: none; border:1px solid #C8C8C8; padding:5px; width:228px; display: block;}
#blog_cat a:visited { color: #000000; text-decoration: none; border:1px solid #C8C8C8; padding:5px; width:228px; display: block;}
#blog_cat a:hover, #blog_cat a:focus { color: #FFFFFF; background-color:#32A4E1; text-decoration: none; border:1px solid #C8C8C8; padding:5px; width:228px; display: block;}
#blog_cat a:active { color: #FFFFFF; background-color:#32A4E1; text-decoration: none; border:1px solid #C8C8C8; padding:5px; width:228px; display: block;}

#blog_topics a { display: block; width:240px;}
#blog_topics a { color: #000000; text-decoration: none;}
#blog_topics a:visited { color: #000000; text-decoration: none;}
#blog_topics a:hover, #blog_topics a:focus { color: #32A4E1; text-decoration: none;}
#blog_topics a:active { color: #32A4E1; text-decoration: none;}

#blog_past a { display: block; width:240px;}
#blog_past a { color: #000000; text-decoration: none;}
#blog_past a:visited { color: #000000; text-decoration: none;}
#blog_past a:hover, #blog_past a:focus { color: #32A4E1; text-decoration: none; font-weight:bold;}
#blog_past a:active { color: #32A4E1; text-decoration: none; font-weight:bold;}

#blog_next a { color: #000000; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}
#blog_next a:visited { color: #000000; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}
#blog_next a:hover, #blog_next a:focus { color: #FFFFFF; background-color:#32A4E1; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}
#blog_next a:active { color: #FFFFFF; background-color:#32A4E1; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}

#works_link a { color: #000000; text-decoration: underline;}
#works_link a:visited { color: #000000; text-decoration: underline;}
#works_link a:hover, #works_link a:focus { color: #787878; text-decoration: underline;}
#works_link a:active { color: #787878; text-decoration: underline;}

#com_profile a { color: #32A4E1; text-decoration: none;}
#com_profile a:visited { color: #32A4E1; text-decoration: none;}
#com_profile a:hover, #com_profile a:focus { color: #32A4E1; text-decoration: underline;}
#com_profile a:active { color: #32A4E1; text-decoration: underline;}

#sitemap_link a { color: #000000; text-decoration: none;}
#sitemap_link a:visited { color: #000000; text-decoration: none;}
#sitemap_link a:hover, #sitemap_link a:focus { color: #32A4E1; text-decoration: underline;}
#sitemap_link a:active { color: #32A4E1; text-decoration: underline;}


/* 文字間 設定
---------------------------------------------*/
#main p { line-height: 1.8;}
#main_b p { line-height: 1.8;}
#side p { line-height: 1.6; }
#side_b p { line-height: 1.6; }
#blog_past p { line-height: 1.8;}
#main_com p { line-height: 1.8;}
#main_sitemap p { line-height: 1.6;}

/* 文字大きさ 設定
---------------------------------------------*/
#logo { font-size: 85%; *font-size: 85%;}
.copyright { font-size: 85%; *font-size: 85%;}
.s_reno_url { font-size:130%; font-weight:bold;}
.s_faq_title { font-size:113%; color:#32A4E1; font-weight:bold;}
#s_about01 , #s_about02 , #s_about03 {}
#works_title { font-size:113%; font-weight:bold;}
#works_concept { font-size:113%;}
.works_link_on { color:#32A4E1;}
#contact_box th { font-size:113%; font-weight:bold; color:#32A4E1;}
#faq_title { font-size:130%; font-weight:bold; color:#32A4E1;}
#blog_title { font-size:200%; font-weight:bold;}
#blog_txt { font-size:120%; *font-size:130%;}
#com_profile { font-size:120%;}
#com_network { font-size:120%;}
.txt_small { font-size: 85%;}
#sitemap_box01 { font-size:140%; *font-size:150%;}
#sitemap_box02 { font-size:120%;}


/* レイアウト
---------------------------------------------*/
#wrapper { margin: 0 auto;}
#header { width: 950px; margin: 0 auto; position: relative; padding-top:23px;}
#contents { width: 950px; margin: 0 auto;  position: relative; background-color:#FFFFFF; padding:0 0 13px 0;}
#main { float:left; width: 660px; padding:0 30px 0 0;}
#sentence { padding-bottom:36px;}
#side { float:left; width: 240px; padding:0 0 0 19px;}
#main_b { float:left; width: 660px; padding:0 29px 0 0;}
#side_b { float:left; width: 240px; padding:0 0 0 20px;}

#footer { width: 950px; margin: 0 auto; position: relative; border-top:1px solid #C8C8C8; padding-top:20px;}

/* サイドメニュー
---------------------------------------------*/
#side_contents { width:214px; padding:12px; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8;}
#side_space { padding-bottom:22px;}
#s_about01 { padding-bottom:6px; border-bottom:1px solid #C8C8C8;}
#s_about02 { padding-bottom:6px; padding-top:6px; border-bottom:1px solid #C8C8C8;}
#s_about03 { padding-top:6px;}
#s_faq01 { padding-bottom:6px; border-bottom:1px solid #C8C8C8;}
#s_faq02 { padding-bottom:6px; padding-top:6px; border-bottom:1px solid #C8C8C8;}
#s_faq03 { padding-top:6px;}
#s_works01 { padding-bottom:12px; border-bottom:1px solid #C8C8C8;}
#s_works02 { padding-bottom:12px; padding-top:12px; border-bottom:1px solid #C8C8C8;}
#s_works03 { padding-top:12px;}
#side_works { padding:11px; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; height:950px; overflow:auto;}
#side_works02 { padding:11px; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; height:750px; overflow:auto;}

/* 会社概要
---------------------------------------------*/
#com_profile {padding-bottom:36px;}
#com_profile td { border-top:1px solid #E5E5E5; padding:10px 10px 10px 20px;}
#com_profile th { background-color:#F3F2F2; border-top:1px solid #E5E5E5; text-align:left; padding:10px 10px 10px 20px;;}
#com_profile table { border-bottom:1px solid #E5E5E5;}
#com_network { padding-bottom:36px;}
.com_space01 { padding-top:37px;}
#com_list_l { float:left; width:475px;}
#com_list_r { float:left; width:475px;}
.com_title { color:#DE0010; padding-top:10px;}
#com_banner { padding-top:25px;}
#com_banner li { float:left;}
.cb01 { padding-right:13px;}
#com_title { border-bottom:1px solid #C8C8C8;}
#com_staff01 { width:100px; float:left; padding:18px 0 0 18px;}
#com_staff02 { width:814px; float:left; padding:13px 0 0 18px;}

/* サイトマップ
---------------------------------------------*/
#sitemap_top { padding-bottom:49px;}
#sitemap_link li { float:left; width:224px;}
.sl01 { padding-right:18px; padding-bottom:18px; float:left;}
.sl02 { padding-right:18px; padding-bottom:18px; float:left;}
#sitemap_box01 { width:222px; border:1px solid #C8C8C8;}
#sitemap_box01 p { padding:15px 19px 15px 19px;}
#sitemap_box02 { width:222px; border-right:1px solid #C8C8C8; border-left:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8; height:120px;}
#sitemap_box02 p { padding:15px 19px 15px 19px;}

.sl_top a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_top a { width: 224px; background: url("../images/sitemap_top.gif") top left no-repeat;}
.sl_top a:hover, .sl_top a:active, .sl_top a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_about a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_about a { width: 224px; background: url("../images/sitemap_about.gif") top left no-repeat;}
.sl_about a:hover, .sl_about a:active, .sl_about a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_why a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_why a { width: 224px; background: url("../images/sitemap_why.gif") top left no-repeat;}
.sl_why a:hover, .sl_why a:active, .sl_why a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_works a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_works a { width: 224px; background: url("../images/sitemap_works.gif") top left no-repeat;}
.sl_works a:hover, .sl_works a:active, .sl_works a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_blog a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_blog a { width: 224px; background: url("../images/sitemap_blog.gif") top left no-repeat;}
.sl_blog a:hover, .sl_blog a:active, .sl_blog a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_company a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_company a { width: 224px; background: url("../images/sitemap_company.gif") top left no-repeat;}
.sl_company a:hover, .sl_company a:active, .sl_company a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_faq a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_faq a { width: 224px; background: url("../images/sitemap_faq.gif") top left no-repeat;}
.sl_faq a:hover, .sl_faq a:active, .sl_faq a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_contact a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_contact a { width: 224px; background: url("../images/sitemap_contact.gif") top left no-repeat;}
.sl_contact a:hover, .sl_contact a:active, .sl_contact a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_mail a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_mail a { width: 224px; background: url("../images/sitemap_mail.gif") top left no-repeat;}
.sl_mail a:hover, .sl_mail a:active, .sl_mail a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_area a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_area a { width: 224px; background: url("../images/sitemap_area.gif") top left no-repeat;}
.sl_area a:hover, .sl_area a:active, .sl_area a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_sitemap a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_sitemap a { width: 224px; background: url("../images/sitemap_sitemap.gif") top left no-repeat;}
.sl_sitemap a:hover, .sl_sitemap a:active, .sl_sitemap a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.sl_privacy a { display: block; text-decoration: none; text-indent: -9999px; height: 164px; overflow:hidden;}
.sl_privacy a { width: 224px; background: url("../images/sitemap_privacy.gif") top left no-repeat;}
.sl_privacy a:hover, .sl_privacy a:active, .sl_privacy a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}


/* ブログ
---------------------------------------------*/
#blog_top { padding-bottom:49px;}
#blog_time { padding-bottom:15px;}

#blog_title { padding-bottom:10px; border-bottom:1px solid #C8C8C8;}
#blog_txt { padding-top:16px; padding-bottom:35px;}
#blog_box { border-bottom:1px solid #C8C8C8; padding-bottom:12px;}
#blog_cat { width:240px; padding-bottom:5px;}
#blog_cat_txt {}
#blog_side { padding-bottom:40px;}

/* Ｑ＆Ａ
---------------------------------------------*/
#faq_title { padding-bottom:10px; border-bottom:1px solid #C8C8C8;}
#faq_txt { padding-top:16px; padding-bottom:35px;}

/* お問い合わせ
---------------------------------------------*/
#contact_top { padding-bottom:28px;}
#contact_box { border-bottom:1px solid #C8C8C8; border-top:1px solid #C8C8C8; padding-top:20px; padding-bottom:20px;}
#contact_box th { width:112px; padding:5px 27px 0 27px; text-align:left;}
#contact_box td { width:494px; text-align:left;}
#contact_submit { padding-left:166px;}

/* 作品集
---------------------------------------------*/
#works_top { padding-bottom:49px;}
#works_box { background-color:#F8F8F8; border-bottom:1px solid #C8C8C8; padding-bottom:30px;}
#works_logo { float:left; padding:16px 0 10px 16px;}
#works_title { float:right; padding:34px 18px 0 0;}
#works_sentence { padding:30px 13px 0 13px;}
#works_sentence li { float:left;}
.ws01 { padding-right:8px;}
.ws02 { padding-right:9px;}
.ws02 { padding-right:9px;}
#works_spec01 { float:left; width:317px;}
#works_spec02 { float:left; width:317px;}

/* 選ばれる理由
---------------------------------------------*/
#why_top { padding-bottom:82px;}
#why_top li { float:left;}
.wt01 { padding-right:16px;}
#why_works li { float:left;}
.ww01 { padding-right:16px;}

/* タダリノとは？
---------------------------------------------*/
#about_top { padding-bottom:30px;}
#about_03_01 { float:left; width:272px; padding-right:40px;}
#about_03_02 { float:left; width:348px;}
#about_04 li { float:left; padding-top:17px;}
.about_04_01 { width:272px; padding-right:30px;}
.about_04_02 { }
.about_04_03 { width:327px; padding-left:29px;}

#about_05 li { float:left; padding-top:17px;}
.about_05_01 { width:480px;}
.about_05_02 { width:122px; padding:0 8px 0 50px;}

/* ヘッダー
---------------------------------------------*/
#logo { float:left; width:650px;}
.logo_space { padding-top:11px;}
#h_right { float:right; padding-bottom:15px;}
#font_size { padding-top:13px;}

/* フッター
---------------------------------------------*/
#f_tel { float:left; padding-bottom:23px; width:300px;}
#f_link { float:right; width:650px; text-align:right;}
.f_link_space { padding-top:15px;}
.copyright { padding-top:20px; }

/* スペース
---------------------------------------------*/
.area_space { padding-top:15px;}

.title_space { padding-top:18px;}
#title_space { padding:30px 0 35px 0;}
.title_space02 { padding-bottom:11px; }
.title_space03 { padding-top:16px;}
.title_space04 { padding:18px 0 18px 0;}

.txt_space { padding-top:5px;}
.txt_space02 { padding-top:10px;}
.blog_space { padding-top:13px;}

/* img設定
---------------------------------------------*/
#font_size img { vertical-align: middle;}
#pagetop img { vertical-align: middle;}
.mark img { vertical-align: middle;}
.about_mark { vertical-align: middle; padding-bottom:8px;}
.f_link_space img { vertical-align: middle; padding-right:1px;}
#sitemap_box01 img { vertical-align: middle; padding-bottom:3px;}

/* トップ
---------------------------------------------*/
#top_flash { padding-top:7px;}

#top_menu { padding-top:12px;}

#top_menu li { float:left;}
#tm02 { padding-left:22px; padding-right:22px;}

/* 
#top_menu li a { display: block; text-decoration: none; text-indent: -9999px; height: 128px; overflow:hidden;}
#tm01 a { width: 302px; background: url("../images/top_menu01.gif") top left no-repeat;}
#tm02 a { width: 302px; background: url("../images/top_menu02.gif") top left no-repeat;}
#tm03 a { width: 302px; background: url("../images/top_menu03.gif") top left no-repeat;}

#top_menu a:hover, #top_menu a:active, #top_menu a.selected { background-position: 0 -128px;}*/


#top_works { float:left; padding-top:17px;}
#top_blog { float:right; padding-top:17px;}

#top_works a { display: block; text-decoration: none; text-indent: -9999px; height: 128px; overflow:hidden;}
#top_blog a { display: block; text-decoration: none; text-indent: -9999px; height: 128px; overflow:hidden;}
#top_works a { width: 464px; background: url("../images/top_works.jpg") top left no-repeat;}
#top_blog a { width: 464px; background: url("../images/top_blog.jpg") top left no-repeat;}

#top_works a:hover, #top_works a:active, #top_works a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
#top_blog a:hover, #top_blog a:active, #top_blog a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}


#top_menu02 { padding-top:27px; padding-bottom:29px;}

#top_menu02 li { float:left; width: 294px;}
#tm_title { border-bottom:1px solid #C8C8C8;}

#tm_title a { display: block; text-decoration: none; text-indent: -9999px; height: 24px; overflow:hidden;}
#tm_title.media { display: block; text-decoration: none; text-indent: -9999px; height: 24px; overflow:hidden;}
#area { padding-left:34px; padding-right:34px;}

#media { width: 82px; background: url("../images/top_media.gif") top left no-repeat;}
#area a { width: 102px; background: url("../images/top_area.gif") top left no-repeat;}
#staff { width: 113px; background: url("../images/top_staff.gif") top left no-repeat;}

#tm_title a:hover, #tm_title a:active, #tm_title a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

#media_box { padding:13px 0 13px 0; border-bottom:1px solid #C8C8C8;}
#media_over { height:205px; overflow:auto;}
#media_txt { padding-right:16px;}

#area_box { border-bottom:1px solid #C8C8C8;}
#area_box a { display: block; text-decoration: none; text-indent: -9999px; height: 231px; overflow:hidden;}
#area_box a { width: 294px; background: url("../images/top_area.jpg") top left no-repeat;}
#area_box a:hover, #area_box a:active, #area_box a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

#staff_box { border-bottom:1px solid #C8C8C8;}
#staff_box a { display: block; text-decoration: none; text-indent: -9999px; height: 231px; overflow:hidden;}
#staff_box a { width: 294px; background: url("../images/top_staff.jpg") top left no-repeat;}
#staff_box a:hover, #area_box a:active, #area_box a.selected { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

/* メニュー
---------------------------------------------*/
#navi { padding-bottom:18px; border-bottom:1px solid #C8C8C8;}

#globalNavigation li { float:left;}
#globalNavigation li a { display: block; text-decoration: none; text-indent: -9999px; height: 24px; overflow:hidden;}

#gn01 a { width: 118px; background: url("../images/menu01.gif") top left no-repeat;}
#gn02 a { width: 118px; background: url("../images/menu02.gif") top left no-repeat;}
#gn03 a { width: 118px; background: url("../images/menu03.gif") top left no-repeat;}
#gn04 a { width: 118px; background: url("../images/menu04.gif") top left no-repeat;}
#gn05 a { width: 118px; background: url("../images/menu05.gif") top left no-repeat;}
#gn06 a { width: 118px; background: url("../images/menu06.gif") top left no-repeat;}
#gn07 a { width: 118px; background: url("../images/menu07.gif") top left no-repeat;}
#gn08 a { width: 124px; background: url("../images/menu08.gif") top left no-repeat;}

#gn01.gn_on a { width: 118px; background: url("../images/menu01.gif") top left no-repeat; background-position: 0 -24px;}
#gn02.gn_on a { width: 118px; background: url("../images/menu02.gif") top left no-repeat; background-position: 0 -24px;}
#gn03.gn_on a { width: 118px; background: url("../images/menu03.gif") top left no-repeat; background-position: 0 -24px;}
#gn04.gn_on a { width: 118px; background: url("../images/menu04.gif") top left no-repeat; background-position: 0 -24px;}
#gn05.gn_on a { width: 118px; background: url("../images/menu05.gif") top left no-repeat; background-position: 0 -24px;}
#gn06.gn_on a { width: 118px; background: url("../images/menu06.gif") top left no-repeat; background-position: 0 -24px;}
#gn07.gn_on a { width: 118px; background: url("../images/menu07.gif") top left no-repeat; background-position: 0 -24px;}
#gn08.gn_on a { width: 124px; background: url("../images/menu08.gif") top left no-repeat; background-position: 0 -24px;}

#globalNavigation a:hover, #globalNavigation a:active, #globalNavigation a.selected { background-position: 0 -24px;}


/* ページトップ
---------------------------------------------*/
#pagetop { padding-top:21px;}

/* クリア
---------------------------------------------*/
.c-both { clear:both; height:0px; font-size:0px; line-height:0%; }

/* テキスト装飾
---------------------------------------------*/
.important { font-weight:bold; font-size:100%;}
.important02 { font-weight:bold; font-size:150%;}
.important03 { font-weight:bold; font-size:116%;}
.title { font-size:115%;}
.line { padding:5px 0 5px 0;}
.img_bottom img { vertical-align: bottom;}
.img_mid img { vertical-align: middle;}
.img_top img { vertical-align: top;}


.border_btm { border-bottom:1px dotted #C8C8C8;}
.border_b { border-bottom:1px solid #C8C8C8;}
.border_r { border-right:1px solid #C8C8C8;}
.border_l { border-left:1px solid #C8C8C8;}


.float_l {foat:left;}
.float_r {foat:right;}

.img_right { float:right; padding:0 25px 0 15px;}
.img_left { float:left; padding:0 15px 0 0;}
.img_left02 { float:left; padding:0 30px 0 0;}
.img_waku {  padding:2px 2px 2px 2px; border:1px solid #CCCCCC;}
.form { border:1px solid #C8C8C8; padding:5px 5px 5px 5px}
.form_space {padding-top:5px;}

.lh80 { line-height:80%; }
.lh100 { line-height:100%; }
.lh120 { line-height:120%; }
.lh150 { line-height:150%; }
.p_b_50 { padding-bottom:50px;}
.p_b_30 { padding-bottom:30px;}
.p_b_20 { padding-bottom:20px;}
.p_b_15 { padding-bottom:15px;}
.p_b_10 { padding-bottom:10px; }
.p_b_8 { padding-bottom:8px; }
.p_b_3 { padding-bottom:3px; }
.p_b_5 { padding-bottom:5px; }
.p_t_8 { padding-top:8px; }
.td_ph10ps5 { padding:10px 5px 10px 5px; }
.pad5 { padding:5px 5px 5px 5px; }
.p_b_5 { padding-bottom:5px; }
.p_10 { padding:10px; }
.p_8 { padding:8px; }
.p_5 { padding:5px; }
.p_0 { padding:0px; }
.p_t_2 { padding-top:2px; }
.p_t_5 { padding-top:5px; }
.p_t_10 { padding-top:10px; }
.p_t_15 { padding-top:15px; }
.p_t_20 { padding-top:20px; }
.p_t_25 { padding-top:25px; }
.p_l_5 { padding-left:7px; }
.p_l_7 { padding-left:7px; }
.p_l_9 { padding-left:7px; }
.p_l_10 { padding-left:10px; }
.p_l_14 { padding-left:14px; }
.p_l_15 { padding-left:15px; }
.p_l_20 { padding-left:20px; }
.p_l_30 { padding-left:30px; }
.p_l_40 { padding-left:40px; }
.p_l_70 { padding-left:70px; }
.p_l_80 { padding-left:80px; }
.p_r_5 { padding-right:10px; }
.p_r_10 { padding-right:10px; }
.p_r_15 { padding-right:15px; }
.p_r_20 { padding-right:20px; }
.p_r_30 { padding-right:30px; }
.p_r_40 { padding-right:40px; }

.m_r_2 { margin-right:2px; }
.m_r_3 { margin-right:3px; }
.m_r_5 { margin-right:5px; }
.m_r_10 { margin-right:10px; }
.m_t_2 { margin-top:2px; }
.m_t_3 { margin-top:3px; }
.m_t_5 { margin-top:5px; }
.m_t_8 { margin-top:8px; }
.m_t_10 { margin-top:10px; }
.m_t_15 { margin-top:15px; }
.m_t_20 { margin-top:20px; }
.m_t_25 { margin-top:25px; }
.m_t_30 { margin-top:30px; }
.m_b_30 { margin-bottom:30px; }
.m_b_20 { margin-bottom:20px; }
.m_b_18 { margin-bottom:18px; }
.m_b_15 { margin-bottom:15px; }
.m_b_10 { margin-bottom:10px; }
.m_b_8 { margin-bottom:8px; }
.m_b_5 { margin-bottom:5px; }
.m_b_3 { margin-bottom:3px; }
.m_b_2 { margin-bottom:2px; }
.m_b_1 { margin-bottom:1px; }
.m_l_2 { margin-left:2px; }
.m_l_5 { margin-left:5px; }
.m_l_6 { margin-left:6px; }
.m_l_7 { margin-left:7px; }
.m_l_8 { margin-left:8px; }
.m_l_10 { margin-left:10px; }
.m_l_15 { margin-left:15px; }
.m_l_18 { margin-left:18px; }
.m_l_20 { margin-left:20px; }

.bg_white { background-color:#FFFFFF;}
.gray { color:#666666;}
.white { color:#FFFFFF;}
.yellow { color:#ca9933;}
.green { color:#99CC33; }
.blue { color:#5F8DC6; }
.red { color:#DE0010; }
.pink { color:#D7489C; }
.bld { font-weight:bold;}
.nml { font-weight:normal;}
.px10 { font-size:10px;}
.px11 { font-size:11px;}
.px12 { font-size:12px;}
.px13 { font-size:13px;}
.px14 { font-size:14px;}
.px16 { font-size:16px;}
.px18 { font-size:18px;}
.px20 { font-size:20px;}



/* テーブル共通指定
----------------------------------------------- */
/* table  {
    margin: 15px 0 0 0;
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-collapse: collapse;
    text-align: left;
}
table th {
    padding: 10px;
    border-right: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    background-color: #F8F8F8;
    font-weight: normal;
	vertical-align:top;
}
table td {
    padding: 10px;
    border-right: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
}

*/

/* テキストフィールド
----------------------------------------------- */
/* input[type='text'] {
    border: solid 1px #ccc; padding:2px;
}

input[type='password'] {
    border: solid 1px #ccc; padding:2px;
}
*/
/* ボタン
----------------------------------------------- */
/* input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}
*/
/* 会員登録
----------------------------------------------- */
/* .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}



.area470 {
    width: 700px;
    height: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area660 {
    width: 660px;
    height: 100px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}


#quantity_level li {
    display: inline;
    padding: 3px;
}
 */
/* お問い合わせ
----------------------------------------------- */
/* .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box160 {
    width: 140px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.box300 {
    width: 200px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area380 {
    width: 380px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.zipimg img {
    margin: 5px 0 0 0;
}


#undercolumn_entry { font-size:100%;}

select { border: solid 1px #ccc;}
option { padding:2px;}

.attention { color: #ff0000; }
.mini { font-size: 90%; }

 */