@charset "utf-8";
/* CSS Document */

* { margin:0; padding: 0;}
html{ font-size: 90%;}
body { color: #333333; text-align:center;}
a{color: #336699; text-decoration: none;}
a:hover{color: #37b0d7;}
ul,li { margin:0; padding:0; list-style: none;}
img { border: none;}
p{ margin: 10px 0;}
br{ margin:0.4em;}
.clear{ display:block; visibility: hidden; height: 0.1px; font-size:0.1em; line-height:0; clear: both;}

/* font */
.b{ font-weight: bold;}
.red{ color:#FF5A5A;}
.red_plus{ color:#FF5A5A; font-size:+2;}
.orange{ color:#F63;}
.b_orange{ color:#F63; font-weight: bold;}

/********* Layout *********/
#container{ width:900px; margin: 0 auto; text-align:left; }

/* header */
#header{ width:900px; height:62px; background: url(../images/parts/bg_header.jpg) no-repeat top right;}
#header h1{ position:absolute; top:62px; _top:55px;}
#header h1 a{ width:330px; display:block; color:#999; font-size:11px; font-weight:normal; text-indent:50px;}
#header p.logo a{ float:left; width:330px; height:52px; display:block; text-indent:-9999px;}
#header #info{ float:right; padding:15px 10px 0 0; width: 310px;}
#header #info ul{ width:295px; padding: 0 0 9px 0; _padding:0}
#header #info ul li{ float:left; padding: 0 16px 0 0; font-size:12px; line-height:12px; letter-spacing: 3px;}
#header #info ul li a{ color:#666666;}
#header #info ul li a:hover{color: #37b0d7;}
#header #info .tel{ float:left; clear:left; text-indent:-9999px;}
#header #info .contact{ position:absolute; top: 28px; _top: 18px;margin-left: 200px; text-indent:-9999px;}
#header #info .contact a{ background:url(../images/parts/contact.jpg) no-repeat top left; width:104px; height:30px; display:block;}
#header #info .contact a:hover{ background: url(../images/parts/contact.jpg) no-repeat bottom left;}

/* main_visual */
#main_visual{ margin: 10px 0;}

/* pan_navi */
#pan_navi{ margin: 5px 0 0 0; font-size:12px; padding: 0 0 0 220px; letter-spacing:2px; color: #666;}
#pan_navi a{ font-size:12px; color: #666;}
#pan_navi a:hover{ color: #37b0d7;}

/* content */
#content{ float:right; width:681px; margin: 10px 0; padding-left:18px; _padding:0;}
#content h2 { width:681px; height:42px; margin-bottom: 20px; text-indent:-9999px;}

#content #comentbox,#content #comentbox_w{ width:650px; height:auto; padding: 0 15px 15px 15px; margin-bottom: 20px;  border:1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#content #comentbox h3,#content #comentbox_w h3 { width:649px; clear:both; height:30px; margin: 20px 0; text-indent:-9999px;}
#content #comentbox h3 a,#content #comentbox_w h3 a{width:649px; height:30px; display:block;}
#content #comentbox h3.v,#content #comentbox_w h3.v{ width:611px; text-indent:0; background: url(../images/titles/bg_h3.gif) no-repeat left center; color:#666; font-size:14px; height:14px; line-height:14px; padding:8px 0 8px 40px; letter-spacing:2px;}
#content #comentbox h4,#content #comentbox_w h4{ color:#3AA6C9; margin: 15px 0 10px 0;}
#content #comentbox img.left,#content #comentbox_w img.left{ float:left; margin: 0 15px 15px 0;}
#content #comentbox .in,#content #comentbox_w .in{ padding: 0 20px;}
#content #comentbox .top,#content #comentbox_w .top{ padding-top: 15px;}
#content #comentbox strong,#content #comentbox_w strong{ font-weight:normal;}
#content p.up { width: 80px; text-align:right; font-size:12px; margin: 0 0 15px 600px; padding: 5px 0;}
#content p.up a{ padding: 5px 15px 5px 20px; background: url(../images/parts/arrow_up.gif) no-repeat left 4px; display: block;}
#content p.up a:hover{ padding: 5px 15px 5px 20px; background: url(../images/parts/arrow_up2.gif) no-repeat left 4px; display: block;}

.about{ font-size:12px;}
.about a{ background:url(../images/parts/arrow_simple.gif) no-repeat left 40%; padding: 3px 0 3px 12px; display:block;}
.about a:hover{ background:url(../images/parts/arrow_simple2.gif) no-repeat left 40%;}
.sign{ text-align:right; padding: 15px 30px;}
.go{ text-align:center; padding-top: 15px;}
p.contact,p.contact{ text-align:center; margin: 20px 0 0 0;}

ul.area{ width:650px; float:right; padding-right:10px;}
ul.area li{ width:290px; float:left; margin: 3px 15px; _margin: 3px 7px; padding: 3px 0 4px 0; border-bottom: 1px dotted #CCC;}
ul.column{ margin-top:15px;}
ul.column li{ margin:7px 0;}
ul.faq{margin:15px 0 5px 25px;}
ul.faq li{margin:7px 0; list-style-position: outside;	list-style-type: decimal;}

/* sample */
#content #comentbox #sample{width:200px; padding:10px 30px; border:1px solid #BABABA; margin: 15px 31px 0 31px; _margin: 15px 15px; float:left; font-size:12px; background-color:#FFF;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#content #comentbox #sample h3{ width:190px; color:#595A5A; font-size:12px; margin: 5px 0 10px 0; padding:0 5px 3px 5px; text-indent:0; height:14px; line-height:14x; border-bottom: 1px dotted #BABABA;}
#sample p{ margin: 5px 0; font-size:12px;}
#sample .price{ width:190px; padding-left: 10px; font-size:12px; font-weight:bold; color:#FF5A5A; position:absolute; margin-top:-7px;}
#sample .qr{ text-align:center;}

/* 料金表 */
#content #comentbox_w table.price { width:608px; margin-left:20px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #FFF;}
#leftnavi #calendar_w table td.month{ color:333; background-color:#F3F3F3; width: 194px; letter-spacing: 3px;}
#content #comentbox_w table.price td { padding:5px 12px 3px 12px; vertical-align:middle; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
#content #comentbox_w table.price td.lvt{ width:85px; text-align:center; background-color:#e3fbf8;}
#content #comentbox_w table.price td.lst{ background-color:#e3fbf8;}
#content #comentbox_w table.price td.svt{ width:85px; text-align:center; color: #FF5A5A; font-weight:bold; background-color:#e3fbf8;}
#content #comentbox_w table.price td.lv{ width:85px; text-align:center;}
#content #comentbox_w table.price td.sv{ width:85px; text-align:center; color: #FF5A5A; font-weight:bold;}
#content #comentbox_w table.price td.np{ width:85px; text-align:right; padding-right:35px;}
#content #comentbox_w table.price td.sp{ width:85px; text-align:right; padding-right:35px; color: #FF5A5A; font-weight:bold;}

#content #comentbox_w #mini{ width:294px; float:left; margin-left:20px;}
#content #comentbox_w #mini h3{ width:294px; height:30px;margin: 20px 0;}
#content #comentbox_w #mini table.price{ width:292px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #FFF; margin:0 0 8px 0;}
#content #comentbox_w #mini table.price td { padding:5px 12px 3px 12px; vertical-align:middle; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
#content #comentbox_w #mini table.price td.lpt{ text-align:left; background-color:#e3fbf8;}
#content #comentbox_w #mini table.price td.lvt{ width:85px; text-align:center; background-color:#e3fbf8;}
#content #comentbox_w #mini table.price td.np{ width:85px; text-align:right; padding-right:45px;}
#content #comentbox_w #mini p.others{ width:268px; border: 1px solid #ccc; padding:5px 12px; line-height: 1.3em;}

/* left_navi */
#leftnavi{ float:left; width:201px; margin: 0 0 40px 0;}
#leftnavi .mitsumori a{ display:block; width:201px; height:71px; background:url(../images/parts/mitsumori.jpg) no-repeat 0 0; text-indent:-9999px;}
#leftnavi .mitsumori a:hover{ background:url(../images/parts/mitsumori.jpg) no-repeat 0 -71px; text-indent:-9999px;}
#leftnavi .male a{ display:block; width:201px; height:71px; background:url(../images/parts/mail.jpg) no-repeat 0 0; text-indent:-9999px;}
#leftnavi .male a:hover{ background:url(../images/parts/mail.jpg) no-repeat 0 -71px; text-indent:-9999px;}
#leftnavi .faq a{ display:block; width:201px; height:71px; background:url(../images/parts/faq.jpg) no-repeat 0 0; text-indent:-9999px;}
#leftnavi .faq a:hover{ background:url(../images/parts/faq.jpg) no-repeat 0 -71px; text-indent:-9999px;}

#leftnavi ul{ margin: 18px 0 0 0;}
#leftnavi ul li{ width:200px; height:30px; margin: 5px 0;}
#leftnavi ul li a{ display:block; width:200px; height:30px; text-indent:-9999px;}

#leftnavi ul li.info a{ background:url(../images/parts/navi_info.gif) no-repeat 0 0;}
#leftnavi ul li.info a:hover{ background:url(../images/parts/navi_info.gif) no-repeat 0 -30px;}

#leftnavi ul li.mitumori a{ background:url(../images/parts/navi_mitumori.gif) no-repeat 0 0;}
#leftnavi ul li.mitumori a:hover{ background:url(../images/parts/navi_mitumori.gif) no-repeat 0 -30px;}

#leftnavi ul li.mail a{ background:url(../images/parts/navi_mail.gif) no-repeat 0 0;}
#leftnavi ul li.mail a:hover{ background:url(../images/parts/navi_mail.gif) no-repeat 0 -30px;}

#leftnavi ul li.hphphp a{ background:url(../images/parts/navi_hp.gif) no-repeat 0 0;}
#leftnavi ul li.hphphp a:hover{ background:url(../images/parts/navi_hp.gif) no-repeat 0 -30px;}

#leftnavi ul li.double a{ background:url(../images/parts/navi_double.gif) no-repeat 0 0;}
#leftnavi ul li.double a:hover{ background:url(../images/parts/navi_double.gif) no-repeat 0 -30px;}
#leftnavi ul li.triple a{ background:url(../images/parts/navi_triple.gif) no-repeat 0 0;}
#leftnavi ul li.triple a:hover{ background:url(../images/parts/navi_triple.gif) no-repeat 0 -30px;}
#leftnavi ul li.kousin a{ background:url(../images/parts/navi_kousin.gif) no-repeat 0 0;}
#leftnavi ul li.kousin a:hover{ background:url(../images/parts/navi_kousin.gif) no-repeat 0 -30px;}

#leftnavi ul li.koramu a{ background:url(../images/parts/navi_koramu.gif) no-repeat 0 0;}
#leftnavi ul li.koramu a:hover{ background:url(../images/parts/navi_koramu.gif) no-repeat 0 -30px;}
#leftnavi ul li.aff a{ background:url(../images/parts/navi_aff.gif) no-repeat 0 0;}
#leftnavi ul li.aff a:hover{ background:url(../images/parts/navi_aff.gif) no-repeat 0 -30px;}
#leftnavi ul li.kiyaku a{ background:url(../images/parts/navi_kiyaku.gif) no-repeat 0 0;}
#leftnavi ul li.kiyaku a:hover{ background:url(../images/parts/navi_kiyaku.gif) no-repeat 0 -30px;}
#leftnavi ul li.tokutei a{ background:url(../images/parts/navi_tokutei.gif) no-repeat 0 0;}
#leftnavi ul li.tokutei a:hover{ background:url(../images/parts/navi_tokutei.gif) no-repeat 0 -30px;}
#leftnavi ul li.kojin a{ background:url(../images/parts/navi_kojin.gif) no-repeat 0 0;}
#leftnavi ul li.kojin a:hover{ background:url(../images/parts/navi_kojin.gif) no-repeat 0 -30px;}

#leftnavi ul li.ninki a{ background:url(../images/parts/navi_ninki.gif) no-repeat 0 0;}
#leftnavi ul li.ninki a:hover{ background:url(../images/parts/navi_ninki.gif) no-repeat 0 -30px;}
#leftnavi ul li.pc a{ background:url(../images/parts/navi_pc.gif) no-repeat 0 0;}
#leftnavi ul li.pc a:hover{ background:url(../images/parts/navi_pc.gif) no-repeat 0 -30px;}
#leftnavi ul li.mobile a{ background:url(../images/parts/navi_mobile.gif) no-repeat 0 0;}
#leftnavi ul li.mobile a:hover{ background:url(../images/parts/navi_mobile.gif) no-repeat 0 -30px;}
#leftnavi ul li.php a{ background:url(../images/parts/navi_php.gif) no-repeat 0 0;}
#leftnavi ul li.php a:hover{ background:url(../images/parts/navi_php.gif) no-repeat 0 -30px;}
#leftnavi ul li.seo a{ background:url(../images/parts/navi_seo.gif) no-repeat 0 0;}
#leftnavi ul li.seo a:hover{ background:url(../images/parts/navi_seo.gif) no-repeat 0 -30px;}
#leftnavi ul li.price a{ background:url(../images/parts/navi_price.gif) no-repeat 0 0;}
#leftnavi ul li.price a:hover{ background:url(../images/parts/navi_price.gif) no-repeat 0 -30px;}
#leftnavi ul li.offer a{ background:url(../images/parts/navi_offer.gif) no-repeat 0 0;}
#leftnavi ul li.offer a:hover{ background:url(../images/parts/navi_offer.gif) no-repeat 0 -30px;}
#leftnavi ul li.column a{ background:url(../images/parts/navi_column.gif) no-repeat 0 0;}
#leftnavi ul li.column a:hover{ background:url(../images/parts/navi_column.gif) no-repeat 0 -30px;}
#leftnavi ul li.afl a{ background:url(../images/parts/navi_affiliate.gif) no-repeat 0 0;}
#leftnavi ul li.afl a:hover{ background:url(../images/parts/navi_affiliate.gif) no-repeat 0 -30px;}
#leftnavi ul li.kiyaku a{ background:url(../images/parts/navi_kiyaku.gif) no-repeat 0 0;}
#leftnavi ul li.kiyaku a:hover{ background:url(../images/parts/navi_kiyaku.gif) no-repeat 0 -30px;}
#leftnavi ul li.privacy a{ background:url(../images/parts/navi_privacy.gif) no-repeat 0 0;}
#leftnavi ul li.privacy a:hover{ background:url(../images/parts/navi_privacy.gif) no-repeat 0 -30px;}
#leftnavi ul li.law a{ background:url(../images/parts/navi_law.gif) no-repeat 0 0;}
#leftnavi ul li.law a:hover{ background:url(../images/parts/navi_law.gif) no-repeat 0 -30px;}
#leftnavi ul li.link a{ background:url(../images/parts/navi_link.gif) no-repeat 0 0;}
#leftnavi ul li.link a:hover{ background:url(../images/parts/navi_link.gif) no-repeat 0 -30px;}
#leftnavi ul li.ranking a{ background:url(../images/parts/navi_ranking.gif) no-repeat 0 0;}
#leftnavi ul li.ranking a:hover{ background:url(../images/parts/navi_ranking.gif) no-repeat 0 -30px;}
#leftnavi ul li.domain a{ background:url(../images/parts/navi_domain.gif) no-repeat 0 0;}
#leftnavi ul li.domain a:hover{ background:url(../images/parts/navi_domain.gif) no-repeat 0 -30px;}
#leftnavi ul li.site a{ background:url(../images/parts/navi_site.gif) no-repeat 0 0;}
#leftnavi ul li.site a:hover{ background:url(../images/parts/navi_site.gif) no-repeat 0 -30px;}

#leftnavi h2.news{ width:201px; height:31px; margin: 25px 0 3px 0; text-indent:-9999px; background:url(../images/parts/news.gif) no-repeat 0 0;}
#leftnavi #news{ width:178px; border: 1px solid #CCC; padding: 5px 10px; font-size:12px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#leftnavi #news p{ border-bottom: 1px dotted #ccc; padding:2px 0;}

#leftnavi h3.calendar{ width:201px; height:31px; margin: 25px 0 3px 0; text-indent:-9999px; background:url(../images/parts/calendar.gif) no-repeat 0 0;}
p.calendar{ font-size:12px;}
#leftnavi #calendar table{ font-size: 12px; width:196px; margin-left:2px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
#leftnavi #calendar table td.month{ color:333; background-color:#F3F3F3; width: 194px; letter-spacing: 3px;}
#leftnavi #calendar table td { width:26px; height:20px; vertical-align:middle; text-align:center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
#leftnavi #calendar table td.holiday{ background-color:#FF5A5A; color:#FFF;}

#leftnavi h3.osusume{ width:201px; height:31px; margin: 25px 0 3px 0; text-indent:-9999px; background:url(../images/parts/osusume.gif) no-repeat 0 0;}
#leftnavi #osusume{ width:178px; border: 1px solid #CCC; padding: 5px 10px; font-size:12px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#leftnavi #osusume p{ border-bottom: 1px dotted #ccc; padding:2px 0;}



/* footer */
#footer{ clear:both; color:#666; height:120px; background:url(../images/parts/bg_footer.gif) repeat-x 0 0; margin: 10px 0 0 0; padding: 15px 20px 0 20px;}
#footer ul{ font-size:12px; clear:both; padding: 0 0 25px 0;}
#footer ul li{ float:left;}
#footer ul li a{ padding: 0 10px; line-height: 12px; height:12px; margin: 0 0 10px 0; border-right: 1px solid #336699;}
#footer ul li.right a{ padding: 0 10px; line-height: 12px; height:12px; margin: 0 0 10px 0; border:none;}

#footer .copy{ width:840px; text-align:right; font-size: 12px; clear:both; padding-top: 15px;}
#footer .copy a{ color:#666}

/********* titles *********/

/* index */
h2.idea{ background:url(../images/titles/index_idea.gif) no-repeat 0 0;}
h2.price{ background:url(../images/titles/index_price.gif) no-repeat 0 0;}
h2.can_make{ background:url(../images/titles/index_can_make.gif) no-repeat 0 0;}
h3.salesup{ background:url(../images/titles/index_h3_salesup.gif) no-repeat center center;}
h3.mobile_demand{ background:url(../images/titles/index_h3_mobile_demand.gif) no-repeat center center;}
h3.production{ background:url(../images/titles/index_h3_production.gif) no-repeat center center;}
h3.entrust{ background:url(../images/titles/index_h3_entrust.gif) no-repeat center center;}
h3.what{ background:url(../images/titles/index_h3_what.gif) no-repeat 0 0;}
h3.where{ background:url(../images/titles/index_h3_where.gif) no-repeat 0 0;}
h3.nagare{ background:url(../images/titles/index_h3_nagare.gif) no-repeat center center;}
h3.rieki{ background:url(../images/titles/rieki_h3.gif) no-repeat center center;}

/* index price */
h3.price_pc{ background:url(../images/titles/index_h3_price_pc.gif) no-repeat 0 0;}
h3.price_mobile{ background:url(../images/titles/index_h3_price_mobile.gif) no-repeat 0 0;}
h3.price_flash{ background:url(../images/titles/index_h3_price_flash.gif) no-repeat 0 0;}
h3.price_banar{ background:url(../images/titles/index_h3_price_banar.gif) no-repeat 0 0;}
h3.price_admin{ background:url(../images/titles/index_h3_price_admin.gif) no-repeat 0 0;}
h3.price_document{ background:url(../images/titles/index_h3_price_document.gif) no-repeat 0 0;}
h3.price_initial_ex{ background:url(../images/titles/index_h3_price_initial_ex.gif) no-repeat 0 0;}
h3.price_option{ background:url(../images/titles/index_h3_price_option.gif) no-repeat 0 0;}
h3.price_seo_pc{ background:url(../images/titles/index_h3_price_seo_pc.gif) no-repeat 0 0;}
h3.price_seo_mo{ background:url(../images/titles/index_h3_price_seo_mobile.gif) no-repeat 0 0;}
h3.price_php{ background:url(../images/titles/index_h3_price_php.gif) no-repeat 0 0;}
h3.price_other{ background:url(../images/titles/index_h3_price_other.gif) no-repeat 0 0;}

/* aff */
h2.aff{ background: url(../images/titles/aff_h2.gif) no-repeat 0 0;}
h3.aff1{ background:url(../images/titles/aff_h3_1.gif) no-repeat 0 0;}
h3.aff2{ background:url(../images/titles/aff_h3_2.gif) no-repeat 0 0;}

/* apply */
h2.apply{ background: url(../images/titles/apply_h2.gif) no-repeat 0 0;}

/* column */
h2.column{ background: url(../images/titles/column_h2.gif) no-repeat 0 0;}

/* contact */
h2.contact{ background: url(../images/titles/contact_h2.gif) no-repeat 0 0;}

/* faq */
h2.faq{ background: url(../images/titles/faq_h2.gif) no-repeat 0 0;}

/* kiyaku */
h2.kiyaku{ background: url(../images/titles/kiyaku_h2.gif) no-repeat 0 0;}

/* can */
h2.can{ background: url(../images/titles/can_h2.gif) no-repeat 0 0;}

/* kojin */
h2.kojin{ background: url(../images/titles/kojin_h2.gif) no-repeat 0 0;}

/* link */
h2.link{ background: url(../images/titles/link_h2.gif) no-repeat 0 0;}

/* hphp */
h2.hphp{ background: url(../images/titles/h2_hp.gif) no-repeat 0 0;}

/* iphone */
h2.iphone{ background: url(../images/titles/h2_iphone.gif) no-repeat 0 0;}

/* kousin */
h2.kousin{ background: url(../images/titles/h2_kousin.gif) no-repeat 0 0;}

/* double */
h2.double{ background: url(../images/titles/h2_double.gif) no-repeat 0 0;}

/* triple */
h2.triple{ background: url(../images/titles/h2_triple.gif) no-repeat 0 0;}

/* ninki */
h2.ninki{ background: url(../images/titles/ninki_h2.gif) no-repeat 0 0;}
h3.ninki1{ background:url(../images/titles/ninki_h3_1.gif) no-repeat 0 0;}
h3.ninki2{ background:url(../images/titles/ninki_h3_2.gif) no-repeat 0 0;}
h3.ninki3{ background:url(../images/titles/ninki_h3_3.gif) no-repeat 0 0;}
h3.ninki4{ background:url(../images/titles/ninki_h3_4.gif) no-repeat 0 0;}
h3.ninki5{ background:url(../images/titles/ninki_h3_5.gif) no-repeat 0 0;}
h3.ninki6{ background:url(../images/titles/ninki_h3_6.gif) no-repeat 0 0;}

/* php */
h2.php{ background: url(../images/titles/php_h2.gif) no-repeat 0 0;}
h3.php{ background:url(../images/titles/php_h3.gif) no-repeat 0 0;}
h3.php2{ background:url(../images/titles/php_h3_2.gif) no-repeat 0 0;}

/* ranking */
h2.ranking{ background: url(../images/titles/ranking_h2.gif) no-repeat 0 0;}

/* seo */
h2.seo{ background: url(../images/titles/seo_h2.gif) no-repeat 0 0;}
h3.seo{ background:url(../images/titles/seo_h3_1.gif) no-repeat 0 0;}

/* option */
h2.option{ background: url(../images/titles/option_h2.gif) no-repeat 0 0;}
h3.option{ background:url(../images/titles/option_h3.gif) no-repeat 0 0;}

/* site */
h2.site{ background: url(../images/titles/site_h2.gif) no-repeat 0 0;}
h3.site{ background:url(../images/titles/site_h3.gif) no-repeat 0 0;}

/* domain */
h2.domain{ background: url(../images/titles/domain_h2.gif) no-repeat 0 0;}
h3.domain{ background:url(../images/titles/domain_h3.gif) no-repeat 0 0;}

/* sample */
h2.mobile{ background: url(../images/titles/mobile_h2.gif) no-repeat 0 0;}
h2.pcsite{ background: url(../images/titles/pcsite_h2.gif) no-repeat 0 0;}

/* sitemap */
h2.sitemap{ background: url(../images/titles/sitemap_h2.gif) no-repeat 0 0;}

/* tokutei */
h2.law{ background: url(../images/titles/law_h2.gif) no-repeat 0 0;}
h3.tkt1{ background:url(../images/titles/tokutei_h3_1.gif) no-repeat 0 0;}
h3.tkt2{ background:url(../images/titles/tokutei_h3_2.gif) no-repeat 0 0;}
h3.tkt3{ background:url(../images/titles/tokutei_h3_3.gif) no-repeat 0 0;}
h3.tkt4{ background:url(../images/titles/tokutei_h3_4.gif) no-repeat 0 0;}
h3.tkt5{ background:url(../images/titles/tokutei_h3_5.gif) no-repeat 0 0;}

/* ??.php */
h2.php_mitsumori{ background: url(../images/titles/php_h2_mitsumori.gif) no-repeat 0 0;}
h2.php_mitsumori_b{ background: url(../images/titles/php_h2_mitsumori_beginner.gif) no-repeat 0 0;}
h3.php_to_beginner{ background: url(../images/titles/php_h3_beginner.gif) no-repeat 0 0;}
h3.php_to_beginner a{ display:block;}







/********* sitemap *********/

ul#map { margin: 15px 0 0 70px; padding: 0; font-size: 14px; line-height: 2;}
ul#map h2 { font-size: 14px; margin:0; padding: 0; }
ul#map ul { margin: 0; padding: 0; }
ul#map li { list-style-type: none; margin: 0 0 0 3em; padding: 3px 0 0 32px;}
ul#map li.joint  { background: url(../images/parts/sitemap/map_joint.gif) repeat-y left top; list-style-position: inside; list-style-image: url(../images/parts/sitemap/map_joint_marker.gif); padding: 0 0 6px 2px;}
ul#map li.bottom { background: url(../images/parts/sitemap/map_bottom.gif) no-repeat left top; list-style-position: inside; list-style-image: url(../images/parts/sitemap/map_joint_marker.gif); padding:0 0 0 2px;}





.ttl_8{
font-size : 14px;
border : 1px solid #aa0000;
color:#000000;
background-color:#ffcc00;
width:650px;
padding:5px;
font-weight:bold;
}
.ttl_8 span{
display:block;
border-left: 14px double #aa0000 ;
padding-left:3px;
height : 20px;
padding:4px 0px 0px 9px;
}



.ttl_6{
font-size : 14px;
border-bottom : 2px solid #667f00 ;
border-left : 10px ridge #ccff00 ;
width:400px;
height : 25px;
padding:5px 0px 0px 9px;
}



.ttl_3{
font-size : 13px;
border:solid 4px #ff6600;
color:#ffffff;
background-color:#ff6600;
width:300px;
}
.ttl_3 span
{
display:block;
border-bottom:solid 2px #ffffff;
}



.ttl_7{
font-size : 14px;
color:#ffffff;
background-color:#66CC33;
width:650px;
padding:5px;
font-weight:bold;
}
.ttl_7 span{
display:block;
border-left: 10px ridge #d4f0ff ;
padding-left:3px;
height : 20px;
padding:4px 0px 0px 9px;
}


.ttl_8{
font-size : 14px;
color:#66CC00;
background-color:#FFFF00;
width:650px;
padding:5px;
font-weight:bold;
}
.ttl_8 span{
display:block;
border-left: 10px ridge #d4f0ff ;
padding-left:3px;
height : 20px;
padding:4px 0px 0px 9px;
}


.news_box{}
.news_box p{border:dotted #cccccc;border-width:0 0 1px;padding:5px 1em;margin:0;}