/*
Theme Name:Theme 118
Theme URI: http://www.templateaccess.com/
Description: The Marketplace for Premium Templates & Themes.
Version: 1.0
Author: TemplateAccess.com
*/ 
/*=== Setup ===*/
* { border:0; margin:0 auto; padding:0; outline:none; }
body { background:#ededed url(images/header_bg.png) top repeat-x; font:13px Arial, Verdana, Helvetica, sans-serif; color:#494949; padding:0; margin:0; }
.html_bg { background:url(images/main_bg2.gif) top center repeat-x; }
a { color:#494949; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; /*float:left; */ }
/*- List1 -*/
.list { height:31px; color:#313131; font:normal 11px Arial, Helvetica, sans-serif; clear:both; padding:0 0 10px; }
.list li { margin:0; padding:0 5px 0 0; float:left; }
.list li a { display:block; float:left; padding:10px; text-align:center; text-decoration:none; color:#7f7f7f; }
.list li a:hover { color:#fff; background:#3B92B5; }
.list li a.active { color:#fff; background:#3B92B5; }
div.tabs_list { padding:0; margin:3px 0; }
div.tabs_list ul { list-style:none; text-align:left; padding:5px 0; border:1px solid #e0e0e0; }
div.tabs_list ul li { font:normal 11px Arial, Helvetica, sans-serif; padding:0; margin:5px 0; }
div.tabs_list ul li a { border-bottom:1px solid #e0e0e0; display:block; padding:5px 0 5px 15px; margin:0; color:#333333; /*background:url(images/ul_li.gif) left no-repeat;*/ }
div.tabs_list ul li a.last { border:none; }
div.tabs_list ul li a img { padding:1px 5px 1px 0; margin:0; }
div.tabs_list ul li a:hover { text-decoration:none; color:#3B92B5; }
div.tabs_list ul li ul.children { padding:0; border:0; }
div.tabs_list ul li ul.children li { border:0; margin:0; }
div.tabs_list ul li ul.children a { border:0; background:none; }
div.tabs_list ul li ul.children a:hover { color:#6ec1f3; }
div.tabs_list ul li ul.children li a { border:0; padding:5px 0 5px 20px; display:block; }
div.tabs_list ul li ul.children li li a { border:0; padding:5px 0 5px 25px; display:block; }
h2 { color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:0 0 1em; }
h3 { color:#333333; font-size:1.2em; margin:0 0 .8em; }
h4 { font-size:1em; margin:0 0 1em; }
p { line-height:1.5em; padding:0 0 1.3em; }
/*=== Layout ===*/
#page { margin:0 auto; padding:0; }
#page img.maain { margin:0; padding:0; }
/*=== Header ===*/
#header { margin:0 auto; padding:0; }
.header_h2 h2 { font: normal 36px Georgia, "Times New Roman", Times, serif; color:#fff; padding:30px 0; margin:0; }
/*- Logo -*/
.logo { width:275px; float:left; margin:0; padding:50px 0 0 15px; }
.logo h1 { background: url(images/logo.png) top no-repeat; float:left; text-indent:-9999px; width:275px; }
.logo h1 a { display:block; height:43px; }
.logo h1 a:hover { text-decoration:none; }
/*=== Navigation ===*/
/* RSS */
.rss { padding:0 15px 0 0; height:52px; float:right; margin:51px 0 0; background:  url(images/RSS.png) right center no-repeat;}
.rss ul { float:right; }
.rss ul li { color:#FFF; font:11px Georgia, "Times New Roman", Times, serif; float:left; }
.rss ul li a { color:#FFF; }
.rss ul li.line_v { padding:0 5px; }
.rss a.big { text-decoration:none; font:normal 18px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; display:block; float:right; }
.rss a.big span { color:#fff; font-weight:bold; }
/* Search form */
.search { padding:40px 0 0; }
#search span { width:263px; display:block; float:right; background: url(images/bg_search.png) left; height:23px; margin:0 10px; padding:5px; border:none; }
#search input#s { float:left; width:202px; padding:4px 10px 4px 20px; margin:0; border:0; background:none; color:#666; font:normal 12px/15px Arial, Helvetica, sans-serif; }
#search .btn { float:left; padding:0; margin:0; border:0; width:auto; }
/*- Top Nav -*/
.topnav { margin:0 auto; padding:30px 0 0 15px; width:500px; float:left; }
.topnav ul { float: left; list-style:none; padding:0; margin:0; }
.topnav li { float:left; padding:0 15px 0 1px; }
.topnav li a { font: normal 14px Arial, Helvetica, sans-serif; color:#c2c1c1; display:block; float:left; padding:17px 0px; text-decoration:none; }
.topnav li a:hover { color:#1d1d1d; background: url(images/r_menu.gif) no-repeat scroll right center; }
.topnav li a:hover span { background: url(images/l_menu.gif) no-repeat scroll left center; color:#FFF; }
.topnav li.current_page_item a { color:#1d1d1d; background: url(images/r_menu.gif) no-repeat scroll right center; }
.topnav li.current_page_item a span { background: url(images/l_menu.gif) no-repeat scroll left center; color:#FFF; }
.topnav li a span { background:transparent none repeat scroll 0 0; color:#C2C1C1; padding:10px 12px; }
/*=== All Columns ===*/
#columns { margin:0 auto; padding:30px 0 10px 0; }
/*=== Center Column ===*/
#centercol { float:left; margin-left:326px; padding-right:15px;  min-height:1100px;}
/*=== Right Column ===*/
#rightcol { float:left; width:296px; padding-left:15px; position:absolute;}
.box { padding:10px 20px; background: #fdfdfd url(images/box_bg_top_l.jpg) top repeat-x; border:1px solid #d8d8d8; margin:0 0 30px 0; }
.box_r { padding:10px 15px; background: #fdfdfd url(images/box_bg_top_r.jpg) top repeat-x; border:1px solid #d8d8d8; margin:0 0 30px 0; }
.small_link { padding:0; margin:0 auto; }
.small_link a { color:#656464; text-decoration:none; }
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%; }
.col1, .col2 { float:left; width:285px; }
.col2 { float:right; }
/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px; }
/*- Post Title -*/
.post-title { padding:0; margin:0; }
.post-title h2 { margin:0; padding:0 0 10px; font:normal 26px Arial, Helvetica, sans-serif; color:#494949; text-transform:uppercase; }
.post-title h2 a { display:inline; padding:0; margin:0; color:#494949; text-decoration:none; }
/*- Post Excerpt -*/
.post-excerpt { padding:0 0 10px 0; font: normal 13px Arial, Helvetica, sans-serif; color:#838383; margin:0; }
.post-excerpt p { line-height:1.8em; margin:0; }
.post-excerpt span { float:left; padding:3px 15px; background:#2a2a2a; color:#fff; text-align:center; }
.post-excerpt a { color:#72C6E8; text-decoration:underline; font-weight:bold; }
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin:0 0 1em; }
.author-details { font-size:11px; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { font: normal 12px Arial, Helvetica, sans-serif; color:#fffefe; padding:5px 10px; margin:0 0 10px 0; line-height:1.8em; background:#3b92b5; float:left; width:347px; }
.social-links a { color:#fffefe; font-weight: bold; text-decoration:none; }
.social-links a:hover { text-decoration:underline; }
/* post-commets */
.post-commets { float:right; }
/*- Related Posts -*/
/*- Post Date -*/
.post-date { float:left; }
.post-date img { margin:0 12px 0 0; padding:0; vertical-align:middle; }
/*- Post Comments -*/
.post-comments h2 { padding-top:10px; }
.post-comments .fl { width:80px; }
.post-comments .fr { width:490px; }
/*- Widget Title - */
.wtitle { padding:10px 0; margin:0; }
.wtitle h2 { margin:0; padding:0; font:normal 18px Arial, Helvetica, sans-serif; color:#494949; text-align:left; text-transform:uppercase; }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:18px; min-height:115px; width:460px; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }
/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:460px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:460px; font-family:Verdana; }
.message .submit { float:left; }
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif); }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; margin:0 15px 15px 0; border:1px solid #d7d7d7; padding:0; }
.pic.fl img { }
.pic.fr img { }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; max-width:40px; }
.banner a img { margin:0 3px; }
.ads img { margin:3px 3px 0 0; }
.widget_flickrRSS img { border:1px solid #cfcfcf; margin:3px; }
.box .ac img { border:0; margin:0; }
.banner { margin:15px 0; }
/*=== Footer ===*/
#page_bottom { background:#d7d7d7; }
#footer { color:#454545; text-decoration:none; font:normal 13px Arial, Helvetica, sans-serif; margin:0 auto; padding:0; }
#footer a { color:#2a2a2a; font-weight:bold; }
#footer .text2 a { color:#2a2a2a; font-weight: normal; }
#footer img { float:left; margin:0; padding:0; }
#footer span { color:#9c9c9c; }
#footer .text2 { padding:40px 20px; float:right; line-height:1.8em; }
#footer .text1 { padding:40px 20px; float:left; line-height:1.8em; }
/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; padding:11px 0; }
.ar { text-align:right; }
.noBorder { border:0; }
.font-sm { font-weight:normal; }
.white { color:#FFF; }
.content { padding:10px 0 5px; }
















img {
   border:0;
   vertical-align:bottom;
}

img.box {
   border:1px;
   vertical-align:bottom;
}


.br5{
height:5px;
}

.br10{
height:10px;
}



.off{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
background-color:#B5AC77;
display:block;
text-align: center;
}

.tdbox{
padding:20px 8px;
font-size:13px;
border-bottom:1px dashed #2d75c0;
float:left;
width:180px;
height:330px;
}


.tdbox a{
text-decoration:none;
}

.tdbox a:hover{
text-decoration:underline;
}


.fbtext a{
text-decoration:none;
}

.fbtext a:hover{
text-decoration:underline;
}


#chie li a{
text-decoration:none;
}

#chie li a:hover{
text-decoration:underline;
}


.tdbox2{
padding:0 8px;
font-size:13px;
margin-right:10px;
width:110px;
}


.tdbox2 a{
text-decoration:none;
}

.tdbox2 a:hover{
text-decoration:underline;
}



a:hover img
{
filter: alpha(opacity=50);
opacity:0.8;
background: #fff;
}







.price{
	font-size: 17px;
	font-weight: bold;
	color: #CC0000;
padding:3px 0;
}





img.mid{
	vertical-align: 0px;
}


.souryou{
 background: #347893;
 color:#FFF;
 padding: 0 3px;
 margin-right: 3px;
	font-weight: bold;
}




.point{
 background: #FFFE99;
 color:#FF0000;
 padding: 0 3px;
 margin-right: 3px;
	font-weight: bold;
}





#pageguide{
	position: relative;
	margin-top: -40px;
	float: right;
	margin-right:15px;
}

#pageguide p{
color:#333333;
font-size:15px;
	font-weight: normal;
	text-align: right;
	margin-bottom: 3px;
}

.page{
	font-size: 15px;
	font-weight: normal;
	
}


.page a:link, .page a:visited {
margin:0px; 
padding:4px;
border:1px solid #DBDBDB;
color:#232222;
background-color:#ffffff;
text-decoration: none;
}

.page a:hover {
margin:0px;
padding:4px;
border:1px solid #DBDBDB;
color:#ffffff;
background-color:#232222;
text-decoration: none;
}


.page3 {
font-size: 15px;
margin:0px; 
padding:4px;
border:1px solid #DBDBDB;
color:#ffffff;
font-weight:bold;
background-color:#232222;
}

.pagebold{
font-weight:bold;
}


.fbbox{
	text-align:center;
	float:left;
	width:244px;
	text-align:center;
}


.fbtext{
	float:right;
	width: 482px;
font-size:13px;
}




div#chie ul {
   margin:5px 0 0 5px;
   padding:0;
font-size:13px;
}

div#chie li {
   padding:5px 0 5px 0;
   list-style:none;
font-size:13px;
}

div#chie li a {
   padding-left:25px;
   background:url("../images/arrow.png") 0 1px no-repeat;
font-size:13px;
}




li {
list-style:none;
}

.dsouryou{
 background: #66CC33;
 color:#FFF;
 padding: 0 3px;
 margin-right: 3px;
font-size:100%;
	font-weight: bold;
}




.dpoint{
 background: #FFFE99;
 color:#FF0000;
 padding: 0 3px;
 margin-right: 3px;
font-size:100%;
	font-weight: bold;
}


.dprice{
	font-size: 25px;
	font-weight: bold;
	color: #CC0000;
}


.dtitle{
	font-size: 15px;
	font-weight: bold;
	color: #232222;
}




.sideprice{
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}


.doff{
	font-weight: bold;
 background: #B5AC77;
 color:#FFF;
	text-align:center;
padding:0 2px 0 4px;
font-size:18px;
margin-bottom: 5px;
}

#bread{
font-size:13px;
font-weight:bold;
padding: 0 0 20px 15px;
}




#body-part a{
text-decoration:none;
color:#000000;
}

#body-part a:hover{
text-decoration:underline;
color:#9d3200;
}





/*-------右側メイン--------*/
/*-------------------------*/
#rightArea {
	width: 100%;
	width: 600px;
	position: relative;
	margin: auto;
	float: left;
	margin-top: -10px;
	margin-bottom: 40px;
}

/*右側リスト*/
#rightArea .rankArea {
	margin: 0 0 15px 0;
	padding: 0;
	height: 1%;
	display: table;
	width: 100%;
	*width: 99%;
}


#rightArea .rankArea .rankLeft{
	margin: 0;
	width: 49%;
	font-size: 14px;
	color: #ffffff;
	float: left;
}

#rightArea .rankArea .rankRight {
	margin: 0;
	width: 49%;
	font-size: 14px;
	color: #ffffff;
	float: right;
}

#rightArea .rankArea ul.title {
	margin: 5px 0;
	background: #398CAD;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
padding: 2px 0 0 0;
}

#rightArea .rankArea ul.title li{
	color: #ffffff;
}

#rightArea .rankArea ul.title li.rank{
	width: 20%;
	float: left;
	border-right: 1px solid #FFFFFF;
}
#rightArea .rankArea ul.item {
	margin: 5px 0;
	background: #FFFFFF;
	font-size: 14px;
	color: #666666;
	text-align: center;
	border-bottom: 1px dotted #398CAD;
}
#rightArea .rankArea ul.item li.rank{
	width: 20%;
	float: left;
	border-right: 1px solid #FFFFFF;
	font-size: 14px;
}


#rightArea a:hover{
text-decoration:underline;
}





.imgbox{
	border: 1px solid #c7cacf;
	width: 146px;
}
.itembox{
	margin: 0;
	float:right;
	font-size: 13px;
	width: 166px;
}

.store{
	font-size: 12px;
	color: #3b5998;
background-color:#eceef5;
border: 1px solid #cad4e7;
display:block;
padding:2px;
margin-bottom:3px;
}



.review{
 font-weight:bold;
 background: #FFCCCC;
 color:#FF0000;
 border: 0px;
padding:0 2px;
}



