/*
Theme Name: athikaku_blog
Theme URI: 
Description: cardloan at hikaku Casestudy.
Version: 1.0
Author: athikaku
Author URI: 
*/


* {margin:0;padding:0;}
body {margin-left:auto; margin-right:auto; font-size:12px; line-height:18px;}
fieldset,img {border:0;}
a:link {color:#cc0000;}
a:visited{color:#cc0000;}
a:hover {color:#ff0000;}
a:active {color:#ff0000;}

p {margin:0 0 0.8em;}
.small {font-size: 10px; line-height: 14px; font-weight:normal;}
.big {font-size: 13px; font-weight:normal;}
strong {font-weight:bold; color:#660000;}
.strong {font-weight: bold; color:#ff0000; font-size:13px;}
.red {color: #CC0000;}
.orange {color: #ff3300;}
.blue {color: #0033ff;}

hr {display:none;}
.dot {background:url(images/hr_dot.gif) repeat-x; height:1px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top:10px;}
.dot_m {background:url(images/hr_dot.gif) repeat-x; height:1px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top:5px;}
.clear {width:0px; height: 0px; line-height: 0px; font-size: 0px; clear: both; margin: 0px; padding: 0px;}
ul {list-style:none; margin:0px; padding:0px;}

/* container_bg
------------------------------------------*/
#base_bg {width: 845px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-top: 0px; background: url(images/bg.gif); background-repeat:repeat-y;}
#container {margin-left: auto; margin-right: auto; margin-top: 0px; padding-top: 0px; width: 801px;}

/* header
------------------------------------------*/
#header {height:106px; clear:left; background:url(images/header_bg.jpg) left top no-repeat;}
#h_l {float:left;}
h1 {font-size:10px; padding-bottom:5px; padding-left:15px; padding-top:6px; color:#333333;}
.logo {padding-left:10px; width:520px;}

#s_l {float:right;}
#main_link {text-align:right; padding-bottom:5px; padding-right:15px; padding-top:8px;}
#search_Box {padding-right:10px; margin-bottom:0px; line-height:12px; height:47px;}
.search_TTL {padding-bottom:2px; height:19px;}
.search {padding:0px; margin-bottom:8px;}

/* wrap
------------------------------------------*/
#wrap {margin-top: 0px; padding-top: 0px; margin-left: auto; margin-right: auto; padding-top:5px;}

/* topicpath
------------------------------------------*/
#topicpath {color:#000000; font-size:10px; padding-top:5px; margin-bottom:4px; text-align:left;}
#topicpath a {color:#000000;}

/* main
------------------------------------------*/
#main {float: left; text-align: left; width:547px; line-height:18px; clear:right;}
#main h2.sp {margin-bottom: 10px; padding-left:22px; padding-top:19px; border: none; background-image:url(images/h2_sp.gif); background-position:left top; background-repeat:no-repeat; color:#990000; height:24px; font-size:15px;}
#main h2.case {margin-bottom: 10px; padding-left:22px; padding-top:14px; border: none; background-image:url(images/h2_ca.gif); background-position:left top; background-repeat:no-repeat; color:#ffffff; height:24px; font-size:15px;}
#main h3 {margin-bottom: 2px; padding-left:10px; padding-top:0px; background-image:url(images/arrow.gif); background-position:left top; background-repeat:no-repeat; color:#990000; font-size:13px;}

.catch { padding-bottom:10px;}
.contents_Box {float: left; margin-bottom: 15px; text-align: left; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px; border:#660000 solid 1px; width:523px;}
.title_cap {padding-bottom:5px; padding-left:0px;}




/* blog
------------------------------------------*/

.ca_TTLBox {height:42px; width:480px; padding-left:70px; padding-top:20px; background:url(images/case/ca_cont_TTL_bg.gif) right top;}
.ca_date {background:url(images/case/ca_date.gif) left top no-repeat; font-size:10px; font-weight:bold; color:#FFFFFF; width:80px; height:16px; text-align:center;}
.ca_TTL {font-size:15px; font-weight:bold; color:#660000; padding-top:3px;}

.ca_prof {height:17px; width:460px; padding-left:70px; font-size:10px; color:#333333; text-align:right; padding-right:20px; background:url(images/case/ca_cont_TTL_bg2.gif) right top;}
.ca_prof a,.ca_prof a:visited {color:#333333; text-decoration:none;}




.ca_cont {background:#FFFFFF url(images/case/ca_cont_bg.gif) right top repeat-y; width:520px; padding-bottom:5px; padding-left:15px; padding-right:15px; padding-top:10px;}
.readmore {width:520px; text-align:right; padding-bottom:10px;}
h3.ca {margin-top: 12px; padding-bottom:10px; padding-left:10px; padding-top:0px; background-image:url(images/arrow.gif); background-position:left top; background-repeat:no-repeat; color:#cc0000; font-size:13px;}
.ca_bnr_234 {width:520px; text-align:right; padding-bottom:0px; padding-top:10px;}
.ca_foot {height:13px; margin-bottom:5px;}


/* related
------------------------------------------*/
.relatedBox {margin-top:10px;}
.relatedTTL {font-weight:bold; padding-bottom:0px;}
.relatedBox ul {margin: 5px 5px 0px;}
.relatedBox ul li { list-style:none; background:none; margin:0px; padding-bottom:2px; padding-left:0px; padding-right:0px; padding-top:0px; font-weight:bold;}
.relatedBox ul li a,.relatedBox ul li a:visited { color:#CC0000;}


/* archive
------------------------------------------*/
.ca_TTLBox_none {height:13px; width:550px;}
.ca_list {border-bottom:#660000 dotted 1px; padding-left:41px; padding-top:0px; padding-bottom:5px; margin-bottom:15px; background:url(images/case/ca_list_bg.gif) left top no-repeat;}
.ca_list_date {background:url(images/case/ca_date.gif) left top no-repeat; font-size:10px; font-weight:bold; color:#FFFFFF; width:80px; height:16px; text-align:center;}
.ca_list_TTL {font-size:13px; font-weight:bold; color:#660000; padding-top:3px;}
.ca_list_prof {font-size:10px; color:#333333; text-align:right; padding-right:5px;}
.ca_list_TTL a,.ca_list_TTL a:visited {color:#cc0000; text-decoration:underline;}
.ca_list_prof a,.ca_list_prof a:visited {color:#333333; text-decoration:none;}
.ca_bnr_468 {padding-bottom:10px; padding-top:5px;}


/* adsense
------------------------------------------*/
.ads_468 {padding-top:10px; width:468px; margin-left:auto; margin-right:auto;}

/* navigation
------------------------------------------*/
.navBox {width:550px;}
.nav_prev {float:left; background:url(images/nav_prev.gif) left top no-repeat; padding-left:16px; font-weight:bold;}
.nav_next {float:right; background:url(images/nav_next.gif) left top no-repeat; padding-left:16px; font-weight:bold;}
.navBox a {color:#CC0000; text-decoration:none;}


/* right
------------------------------------------*/
#right {text-align:left; float: left; width:234px; padding-left:18px; clear:right;}

.gh_234 {padding-bottom:15px;}
.menu_bnr {padding-bottom:15px;}
.ads200 {margin-bottom:15px; text-align:center; background-color:#FFFFCC;}

#right .menu_block {width: 232px; border: 1px solid #660000; margin-bottom: 15px; background-color: #FFFFFF;}
#right li a,#right li a:visited {color:#CC0000; text-decoration: none;}

#right li.title {list-style-type: none; border:none; background-image:url(images/menu_bg.gif); background-position:left top; background-repeat:no-repeat; text-align:left; padding-left:18px; padding-top:7px; color:#FFFFFF; font-weight:bold; font-size:12px; height:20px; margin:0px;}
#right li.title_new {list-style-type: none; border:none; background-image:url(images/menu_bg_new.gif); background-position:left top; background-repeat:no-repeat; text-align:left; padding-left:18px; padding-top:7px; color:#FFFFFF; font-weight:bold; font-size:12px; height:20px; margin:0px;}
#right li.title_brand {list-style-type: none; border:none; background-image:url(images/menu_bg_brand.gif); background-position:left top; background-repeat:no-repeat; text-align:left; padding-left:18px; padding-top:7px; color:#FFFFFF; font-weight:bold; font-size:12px; height:20px; margin:0px;}

#right li.norm {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/menu_marker.gif) no-repeat top left;}
#right li {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_bank.gif) no-repeat top left;}

#right li.a_part {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_ap.gif) no-repeat top left;}
#right li.bussiness {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_manb.gif) no-repeat top left;}
#right li.ofl {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_womanp.gif) no-repeat top left;}
#right li.independent {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_manb2.gif) no-repeat top left;}
#right li.housekeeper {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_housekeepr.gif) no-repeat top left;}


#right li.age20 {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_tago.gif) no-repeat top left;}
#right li.age30 {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_tagg.gif) no-repeat top left;}
#right li.age40 {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_tagp.gif) no-repeat top left;}
#right li.age50 {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_tagb.gif) no-repeat top left;}
#right li.age60 {list-style-type: none; border-bottom: 1px dotted #660000; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 22px; padding-right:5px; padding-top: 5px; line-height: 17px; background:url(images/icon_tagpp.gif) no-repeat top left;}

/* boiler
------------------------------------------*/
#boilerBox {background:url(images/boiler/boiler_bg.gif) top left repeat-x #d9d7d7; padding-bottom:10px; padding-left:10px; padding-right:5px; padding-top:15px; margin-top:5px;}

.boilerBox_0 {float:left; padding-bottom:10px; margin-right:5px;}
.boilerul_0 {float:left; width:760px;}
.boilerTTL_0 {background:url(images/boiler/boiler_ttl_bank.gif) top left no-repeat; padding-left:18px; font-size:10px; font-weight:bold; color:#660000;}

.boilerBox_1 {float:left; padding-bottom:10px; margin-right:10px;}
.boilerul_1 {float:left;}
.boilerTTL_1 {background:url(images/boiler/boiler_ttl_m.gif) top left no-repeat; padding-left:18px; font-size:10px; font-weight:bold; color:#660000;}

.boilerBox_2 {float:left; padding-bottom:10px; margin-right:10px;}
.boilerul_2 {float:left;}
.boilerTTL_2 {background:url(images/boiler/boiler_ttl_s.gif) top left no-repeat; padding-left:18px; font-size:10px; font-weight:bold; color:#660000;}

.boilerBox_3 {float:left; padding-bottom:10px; margin-right:10px;}
.boilerul_3 {float:left;}
.boilerTTL_3 {background:url(images/boiler/boiler_ttl_u.gif) top left no-repeat; padding-left:18px; font-size:10px; font-weight:bold; color:#660000;}

.boilerBox_4 {float:left; padding-bottom:10px; margin-right:0px;}
.boilerul_4 {float:left;}
.boilerTTL_4 {background:url(images/boiler/boiler_ttl_o.gif) top left no-repeat; padding-left:18px; font-size:10px; font-weight:bold; color:#660000;}

.boilerBox_5 {float:left; padding-bottom:0px; margin-right:10px;}
.boilerul_5 {float:left;}
.boilerTTL_5 {background:url(images/boiler/boiler_ttl_b.gif) top left no-repeat; padding-left:18px; font-size:10px; font-weight:bold; color:#660000;}

#boilerBox li.boiler {background:url(images/boiler/arrow_green.gif) top left no-repeat; padding-left:20px; font-size:10px; line-height:15px; font-weight:normal; margin-left:11px; white-space:nowrap; list-style:none; float:none;}

#boilerBox li {background:url(images/boiler/arrow_green.gif) top left no-repeat; padding-left:20px; font-size:10px; line-height:15px; font-weight:normal; 	margin-left:11px; white-space:nowrap; list-style:none; float:left;}

#boilerBox a,#boilerBox a:visited {color:#000000; text-decoration:none;}
#boilerBox a:hover,#boilerBox a:active {color:#000000; text-decoration:underline;}

#boilerBox .boilerTTL_1 a,#boilerBox .boilerTTL_0 a,#boilerBox .boilerTTL_1 a:visited,#boilerBox .boilerTTL_0 a:visited {color:#660000; text-decoration:none;}
#boilerBox .boilerTTL_1 a:hover,#boilerBox .boilerTTL_0 a:hover,#boilerBox .boilerTTL_1 a:active,#boilerBox .boilerTTL_0 a:active {color:#660000; text-decoration:underline;}

/* footer
------------------------------------------*/
#footer_anchor {width:795px; text-align:right; font-size:10px; font-weight:bold; padding-bottom:0px;}
#footer {background-color:#CC0000; padding-left:3px; padding-right:3px; padding-top:3px; height:21px; font-size:10px; color:#ffffff; line-height:18px; clear:right;}
.footer_L {width:608px; text-align:left; float:left; padding:0px;}
.footer_R {width:180px; text-align:right; float:left; padding:0px;}
address {font-style:normal; padding:0px; margin:0px;}
.footer_R a,.footer_L a	{text-decoration: none; color:#ffffff;}
.footer_R a:hover,.footer_L a:hover	{text-decoration:underline; color:#ffffff;}
.footer_R a:visited,.footer_L a:visited	{text-decoration:none; color:#ffffff;}
.footer_R a:active,.footer_L a:active {text-decoration:underline; color:#ffffff;}

