/*****************************************
  サイト共通のスタイル
******************************************/

/* G5 Framework */
@import "/g5/css/reset-min.css"; /* Eric Meyer's Reset Reloaded + HTML5 baseline */
@import "/g5/css/bright.css"; /* CSS3 Buttons */
@import "/g5/css/tipsy.css"; /* ToolTips */
@import "/g5/css/reveal.css"; /* Modals */
@import "/g5/css/prettyPhoto.css";

/* グリッド基本 */
@import "/theme/css/variablegrid.css";

/* お気に入りボタン */
@import "/mylink.css";

/* 基本のスタイル */
body {  font: 13px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;color: #888;}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}

h1 {
font-size: 180%;
line-height: 1.8;

font-weight:normal;
}

h2 {
font-size: 140%;
line-height: 1.6;

font-weight:normal;
}

h3 {
font-size: 140%;
line-height: 1;
margin-top: 4px;
margin-bottom: 16px;
}

h4 {
font-size: 120%;
line-height: 1.8;
white-space:nowrap;
font-weight:normal;

}

h5 {
font-size: 95%;
line-height: 1.8;
white-space:nowrap;
font-weight:normal;

}

h6 {
font-size: 100%;
line-height: 1.4;

}

p.mini{ font-size: 10px; }

em, i {
font-style: italic;
}

strong, b {
font-weight: bold;
}

blockquote, q, cite {
font-style: italic;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: none;
content: "";
}

code, kbd, pre, samp, tt {
font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace;
line-height: 1.3;
}

pre {
/* word-wrap: break-word; */
white-space: pre-wrap;
}

abbr, acronym, dfn {
border-bottom: 1px dotted;
cursor: help;
font-style: normal;
font-variant: normal;
}

var {
font-style: normal;
}

center {
text-align: center;
}

/* Hypertext
---------------------------------------- */


a { text-decoration: underline; color: #444; } 
a:visited { text-decoration: underline; color: #444; }
a:hover { text-decoration: underline; color: #000; }
a:active { text-decoration: underline; color: #000; }

.largelink a{ text-decoration: none; color: #888; } 
.largelink a:visited{ text-decoration: none; color: #888; } 
.largelink a:hover{ text-decoration: none; color: #666; } 
.largelink a:active{ text-decoration: none; color: #666; } 

.deco span {
border-bottom:dotted 1px #434647;
}


.strike { text-decoration: line-through; }

/* Image
---------------------------------------- */
img {
border: 0;
}



/* List
---------------------------------------- */

ul {
list-style: none;
margin:0;padding0;
}

ol {
list-style: decimal outside none;
}

li {
margin:0;padding0;
}

li ul, li ol {
margin:0;padding0;
}





/* Presentation
---------------------------------------- */
hr {
border: 0;
border-bottom: 1px solid;
}

big {
font-size: 1.25em;
}

small, sub, sup {
font-size: .85em;
}

sub, sup {
line-height: 1;
}

sub {
vertical-align: bottom;
}

sup {
vertical-align: top;
}

del, s, strike {
text-decoration: line-through;
}

ins {
border-bottom: 1px dotted;
text-decoration: none;
}

bdo {
border-bottom: 1px dotted;
}

u {
text-decoration: underline;
}

/* Form
---------------------------------------- */
fieldset {
padding: 1em;
}

legend {
font-weight: bold;
padding: 0 .25em;
}



input, textarea, select, button {
    padding: 5px; 
    background: #fff; 
    font-size: 12px; 
    color: #555; 
    border: 1px #ddd solid;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

}


input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], 
button[type=button], button[type=reset], button[type=submit] {
cursor: pointer;
}


/* Table
---------------------------------------- */
table {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc; 
    box-shadow: 0 1px 5px #ccc;
    border-collapse: separate;
}

tr { background-color: #ffffff; }
    
td, th {
    border-bottom: solid 1px #ddd;
    padding: 6px 10px;
    text-align: left;    
}


tr:first-child th:first-child { border-radius: 6px 0 0 0; }
tr:first-child th:last-child { border-radius: 0 6px 0 0; }
tr:last-child th:last-child { border-radius: 0 6px 0 0; }
tr:last-child th:first-child { border-radius: 6px 0 0 0; }
tr:first-child td:first-child { border-radius: 6px 0 0 0; }
tr:first-child td:last-child { border-radius: 0 6px 0 0; }
tr:last-child td:last-child { border-radius: 0 0 6px 0; }
tr:last-child td:first-child { border-radius: 0 0 0 6px; }


.vertical tr:first-child th:first-child { border-radius: 6px 0 0 0; }
.vertical tr:first-child th:last-child { border-radius: 0 0 0 0; }
.vertical tr:last-child th:last-child { border-radius: 0 0 0 0; }
.vertical tr:last-child th:first-child { border-radius: 0 0 0 6px; }
.vertical tr:first-child td:first-child { border-radius: 0 0 0 0; }
.vertical tr:first-child td:last-child { border-radius: 0 6px 0 0; }
.vertical tr:last-child td:last-child { border-radius: 0 0 6px 0; }
.vertical tr:last-child td:first-child { border-radius: 0 0 0 0; }




th { background:#E5E5E5 url("/images/common/box_bg_hover.jpg"); }

tr:last-child { border-bottom: 0px;}

/* Global Classes */ 
.hidden { position: absolute; left: -9999px; }
.first { margin-left: 0 !important; }

.btmspc { margin-bottom: 20px; }
.btmspc-dbl { margin-bottom: 40px; }
.topspc { margin-top: 20px; }
.topspc-dbl { margin-top: 40px; }

.lftpad { padding-left: 20px !important; }
.rgtpad { padding-right: 20px !important; }
.cntrtxt { text-align: center !important; }

.imgtxt { overflow: auto; }
.lft-img { float: left; padding: 0 10px 0 0; }
.rgt-img { float: right; padding: 0 0 0 10px; }

/* Cross Browser Effects */ 
/*.brdr { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/PIE.htc); }*/
.brdr { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.shdw { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; behavior: url(/PIE.htc); }
.opct { opacity: .50; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: .50; -moz-opacity: .50; }

/* Arrows */ 
.up-arw:after { content: "↑"; font-size: 18px; padding-left: 5px; }
.dwn-arw:after { content: "↓"; font-size: 18px; padding-left: 5px; }
.rgt-arw:after { content: "→"; font-size: 18px; padding-left: 5px; }
.lft-arw:before { content: "←"; font-size: 18px; padding-right: 5px; }

/* clearfix ここから */
/* Dreamweaver レイアウト崩れ対策 */
.clearfix
{
  overflow:hidden;
}

/* for modern browser */
.clearfix
{
  display: inline-block;
}

.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix
{
  height: 1%;
}

.clearfix
{
  display: block;
}

/* End hide from IE-mac */
/* clearfix ここまで */

/* グリッド */

.box {
    visibility: hidden;
}
/* JavaScriptが無効な場合はグリッドプラグインが動かないので表示 */
.no-js .box {
    visibility: visible;
}

#grid-content .group-over { margin-bottom:0px;-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
#grid-content .group-under { margin-top:0px;-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
#grid-content .group-middle { margin-top:0px;margin-bottom:0px;-moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; }

.box-inner { 
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9;
    -moz-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9;
    box-shadow:0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9; 
    background:#FFFFFF url("/images/common/box_bg.jpg");
    margin: 2px;
    padding: 8px 7px;
    position: relative;
}

.hover .box-inner {
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #E5E5E5;
    -moz-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #E5E5E5;
    box-shadow:0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #E5E5E5; 
    background:#E5E5E5 url("/images/common/box_bg_hover.jpg");
}

.box-inner-center { 
    width:548px;
    margin:16px auto;
}

.box-inner-clear { 
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
    background:none;
}
.box-inner-simple { 

    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9;
    -moz-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9;
    box-shadow:0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9; 
    background:#FFFFFF url("/images/common/box_bg.jpg");
    margin: 2px;
    padding: 8px 7px;;
    float:left;
}



.listbox ul{
    margin: 0;
}
 

.listbox li{
    white-space:nowrap;
    margin: 0 2px 0 0;
    padding: 0;
display: inline;
}

.listbox a { text-decoration: underline; color: #888; } 
.listbox a:visited { text-decoration: underline; color: #888; }

ul.tagCloud {
    font-size: 85%;
}

ul.tagCloud li { 

    
}



ul.tagCloud li.rank-1 { font-size: 125%;}
ul.tagCloud li.rank-2 { font-size: 120%;}
ul.tagCloud li.rank-3 { font-size: 115%;}
ul.tagCloud li.rank-4 { font-size: 110%;}
ul.tagCloud li.rank-5 { font-size: 105%;}
ul.tagCloud li.rank-6 { font-size: 100%;}
ul.tagCloud li.rank-7 { font-size: 95%;}
ul.tagCloud li.rank-8 { font-size: 90%;}
ul.tagCloud li.rank-9 { font-size: 85%;}
ul.tagCloud li.rank-10 { font-size: 80%;}


.wrapper { margin: 0px auto; }
#grid-content { float: left; }
#footer { clear: both; width:100%;height: 94px; margin-top: 30px; }
#footer .footer_glass { width:100%;height: 94px; background: url(/images/common/footer_grass.png) center bottom repeat-x; }

/* 共通 */
body { background: url(/images/common/bg_wood.jpg) 50% 0%;}
.wrapper { padding: 4px 0px; }
#entrybody { margin: 8px 0px; clear:both;position:relative;}
#entrybody div{ float: left;overflow:hidden;margin: 0 0 8px 0; }
#entrybody dl { margin-top:24px; margin-bottom:24px; }
#entrybody dt { font-weight: bold;margin: 1px 0px; }
#entrybody dt:before {content:"―";margin: 1px 0px;}
#entrybody dd { margin-left:0px;color:#d27c98; }

/*
#entrybody h3{ font-size: 22px;line-height: 1;margin-top: 4px;margin-bottom: 4px;color:#444;border-bottom:1px dotted #cccccc;font-weight:normal;padding:5px 0px 5px 0px; }
#entrybody h4{ font-size: 18px;line-height: 2;color:#444;font-weight:normal; }
*/

.entryfooter {
width:542px;
border: solid 1px #d5d5d5;
padding: 4px 12px;
background:#E5E5E5 url("/images/common/box_bg_hover.jpg");
}

/* 横並びリスト */
ul.inline, ul.inline li { margin: 0px; padding: 0px; }
ul.inline li { list-style: none outside none; text-indent: 0; float: left; }

/* ヘッダー */
header .box-inner { padding: 12px; }
header #header_logo { font-size: 180%; margin-top: 4px; margin-bottom: 4px; margin-right: 0px; line-height: 1em; /* 1emにすることで改行発生による高さ変化を最小限に */ }
header #header_logo a{ font-weight: bold; text-decoration: none; color: #666; }
header #header_util { position: absolute; right: 18px; font-size: 12px; text-align: right; }
header #header_util ul { padding: 4px 0px 10px 5px; margin: 0px; }
header #header_util ul li {padding: 0px 0px 0px 5px; margin: 0px 0px 0px 5px; border-left: 1px solid #000; }
header #header_util ul li.eol { padding: 0px margin: 0px; border-left: 0px; }
header ul#header_breadcrumbs {  }
header ul#header_breadcrumbs, header ul#header_breadcrumbs li { margin: 0; padding: 0; }
header ul#header_breadcrumbs li { font-size: 11px; list-style: none outside none; padding: 0px 5px 0px 0px; margin: 0px 5px 0px 0px; float: left; }
header ul#header_breadcrumbs li:before { content: url(/images/common/bl1.gif); line-height: 11px; font-size: 9px; padding-right: 6px; }

/* サイドバー */
#sidebar { float: left; width: 194px;}
#sidebar .inner { margin-left: 2px;margin-top: 2px; }

#sidebar .widget-inner {
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9;
    -moz-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9;
    box-shadow:0px 1px 2px 1px #a5a5a5, inset 0px 0px 10px 0px #f9f9f9; 
    background: #FFFFFF url("/images/common/box_bg.jpg");
    padding: 4px 0px;margin-bottom: 4px; 
}

#sidebar .group-over { margin-bottom:0px;-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
#sidebar .group-under { margin-top:0px;-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
#sidebar .group-middle { margin-top:0px;margin-bottom:0px;-moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; }


#sidebar .global_nav {
    border: 1px solid #9a9a9a;
    -webkit-box-shadow: 0px 1px 2px 1px #777, inset 0px 0px 10px 0px #9a9a9a;
    -moz-box-shadow: 0px 1px 2px 1px #777, inset 0px 0px 10px 0px #9a9a9a;
    box-shadow:0px 1px 2px 1px #777 inset 0px 0px 10px 0px #9a9a9a; 
    background:#999999 url("/images/common/box_bg3.jpg");
}
#sidebar div.padd { padding: 8px; }
/* サイト共通のウィジェット */
.widget-logo { margin: 6px 0 0 20px; }
.widget-global_nav ul.globalnav{ margin-left: 0px; padding: 0px; }
.widget-global_nav ul li.sitenav { margin-left: 0; padding: 0px; font-size: 14px; font-weight: normal; line-height: 2.2; position: relative; top: 0; left: 0; }
.widget-global_nav ul li.sitenav a { padding: 0 0 0 8px;text-decoration: none; color: #fff; display: block; }
.widget-global_nav ul li.sitenav a:after { content: url(/images/common/bl1.gif); line-height: 28px; font-size: 12px; position: absolute; right: 14px; }
.widget-global_nav ul li.sitenav a:hover { background:#777777 url("/images/common/box_bg3_hover.jpg"); }
.widget-global_nav ul li.active a { background:#777777 url("/images/common/box_bg3_active.jpg"); }
.widget-global_nav ul.blognavi li { margin-left: 10px; padding: 0px; font-size: 14px; font-weight: normal; line-height: 24px; position: relative; top: 0; left: 0; margin-left:0px; }
.widget-global_nav ul.blognavi li a { text-decoration: underline; color: #666; display: block; }
.widget-global_nav ul.blognavi li a:hover { color: #000000; }
.widget-global_nav ul.blognavi li a:after { content: ""; }
.widget-global_nav ul li.now a:after { content: url(/images/common/bl2.gif); line-height: 28px; font-size: 12px; position: absolute; right: 14px; }

.widget-text{ font-size: 11px;margin-top: 8px; }
img.menuicon{ vertical-align: middle;margin-right: 8px; }

.subnavi dt { margin-left: 0; padding: 0px; font-size: 14px; font-weight: normal; line-height: 1.4; position: relative; top: 0; left: 0; }
.subnavi ul { margin-top:12px; }
.subnavi li { margin:2px 0; }

/* 検索ボックス */
.widget-search { }
.widget-search #hu_search_text { width: 176px; background: #FFFFFF; border: 0; line-height: 1.6em; height: 1.6em;   }
.widget-search .button { line-height: 1.6em; height: 1.6em; padding: 0; margin: 0; }

.search { margin:0 0 8px 8px; }

.search #hu_search_text {
    background: url(/images/common/search.png) no-repeat 7px 3px #FFFFFF;
    border: 1px solid #ccc;
    font:12px;
    color: #666;
    width: 120px;
    padding: 0 15px 0 28px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

/* フッター */
footer { margin-top: auto; }
footer .box-inner { border: 0; background-color: #fff; }
footer ul#footer_navi li {padding: 0px 5px 0px 0px; margin: 0px 5px 0px 0px; border-right: 1px solid #000; }
footer ul#footer_navi li.eol { padding: 0px margin: 0px; border-right: 0px; }

/* ページャー */
ul.pager, ul.pager li { margin: 0px; padding: 0px; }
ul.pager li { list-style: none outside none; text-indent: 0; float: left; }
ul.pager li {padding: 0px 5px 0px 0px; margin: 0px 5px 0px 0px; border-right: 1px solid #000; }
ul.pager li.eol { padding: 0px margin: 0px; border-right: 0px; }


/* リスト表示 */
dl.profile { float:left;font-size: 12px;line-height: 22px;width:176px;}
dl.profile dt { float:left;font-weight:normal;}
dl.profile dd { margin-left:60px;}

dl.profile2 { float:right;font-size: 12px;line-height: 20px;width:176px;}
dl.profile2 dt { float:left;font-weight:normal;}
dl.profile2 dd { margin-left:60px;}

dl.profile-large { width:376px;}
dl.profile-large dd { margin-left:80px;}

#grid-content dl.dvd { margin-top:0px; margin-bottom:8px;line-height: 20px; }
#grid-content dl.dvd dt { font-weight: normal;margin: 0px;float:left; }
#grid-content dl.dvd dt:before {content:none;margin: 0px;}
#grid-content dl.dvd dd { margin-left:70px;color:#888;text-align:left; }



.profile img { position:relative; top:2px; }

span.download { color: #fff;font-size: 9px;;padding:0px 4px;background-color: #ffbc69;}
span.rental { color: #fff;font-size: 9px;;padding:0px 4px;background-color: #ea9b98; }

/* コメント */
#comments-content .comment-inner { margin:8px 0;}
#comments-content .comment-usericon { float: left; margin-right: 8px; }
#comments-content .comment-title { font-weight: bold;font-size: 13px;color:#666; }
#comments-content .comment-user { font-size: 10px; }
#comments-content .comment-content { clear:both;font-size: 12px; }
#comments-content h5 { white-space: normal;width:178px; }
p.comment-conter { float:left;font-size: 16px;font-family: 'Century Gothic', 'Tahoma', sans-serif;width:40px;padding: 0; }

/* ソーシャルブックマーク */

div.socialbookmark {
    clear:both;
position:relative;
}

.socialbookmark ul{
    list-style-type: none;  
    margin: 0;  
    padding: 8px 8px 2px 8px;  
    clear:both;
    float: left;
    width: 552px; 
    background:#e5e5e5 url("/images/common/box_bg3.jpg");
}

.socialbookmark li {
  float: left;  
  margin: 0 10px 0 0;  
  padding: 0; 
}

/* PR */

.pr {
font-size: 140%;
line-height: 2;
font-weight:normal;
}

.pr span{
font-size: 80%;
padding: 2px 8px; 
color:#fff;
margin-right:6px;

}

a.arrow {
background:url(/images/common/right.png);
background-position:0% 50%;
background-repeat:no-repeat;
padding: 0 0 0 20px;　
line-height: 2;
}

/* トップページ */

div.ranking-single {width:180px;margin:11px 0 0 0;clear:both;float:left;}
.ranking-detail {background:#E5E5E5 url("/images/common/box_bg2.jpg");font-size:9px;color:#FFF;text-align:center;margin-bottom:2px;}
.ranking-single a{white-space: normal;}
.ranking-single img{ clear:both;float:left;margin-right:4px; }
span.ranking-single-blog3 {background-color:#73a0c3;font-size:9px;color:#FFF;padding:1px 4px;}
span.ranking-single-blog4 {background-color:#ec9bb6;font-size:9px;color:#FFF;padding:1px 4px;}
.category-newtitle {margin:4px;width:400px;}

/* マイページ */

.navigation { margin: 0px; padding: 0px; }
.navigation:before { content: '｜' }
.navigation li { display: inline; line-height: 1.6em; }
.navigation li:after { content: '｜' }
.navigation li.active span { background-color: #EEEEEE; }
.navigation li.inactive a:hover { background-color: #F6F6F6; }


/* 他 */
div.subject {
   text-align: left;
   float: left;
}
div.date {
   float: right;
width:120px;
}

div.tags {
   width:350px;
}
hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #E5E5E5; /* 線色 */
   height: 1px; /* 高さ */
margin: 4px 0;  
clear:both;
}

ul.sample_gallery {
    list-style-type: none;  
    margin: 0;   
    padding: 0;  
    clear:both;
    float: left;  
width:576px;
}

ul.sample_gallery li {
  float: left;  
  margin: 0 4px 0 0;  
  padding: 0;  
}

.allreview a{
  display:block;
 padding:14px 0 0 34px;


}

p.allreview {
  height:48px;
    background:#dddddd url("/images/common/box_bg.jpg");
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.loading_gif{margin :100px 72px;}

/* CSS3 HoverAnimation
-------------------------- */
@-webkit-keyframes hoverSpread {
0% {-webkit-transform:scale(1);opacity: 1;}
100% {-webkit-transform:scale(1.2);opacity: 1;}
}

ul.sample_gallery li img:hover {
-webkit-animation-name: hoverSpread;
-webkit-animation-duration: 0.3s;
-webkit-animation-iteration-count: 1;

-webkit-transform: scale(1.2);

z-index: 20;
}

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

.entry_bottom table {
 border:0;
padding: 0;  
margin: 0;  
width:100%;
}

.entry_bottom td {
padding: 1px;  
margin: 0; 
border: 0;
}

.entry_bottom td.entry_tags {
width:434px;
background-color: #e5e5e5;
padding: 8px;  
}
.entry_bottom td.entry_date {
width:130px;
background-color: #e5e5e5;
padding: 8px;  
text-align: center;
}

.ppv_cart {
text-align:center;
float: right;
width:220px;
height:180px;
margin-left:16px;
}

p.bloglabel {
    position: absolute;
line-height: 1;
}

p.pointget {
    position: absolute;
    margin-left:301px;
}

p.newmark1 {
    position: absolute;
    margin-left:148px;
}

p.newmark2 {
    position: absolute;
    margin-left:344px;
}


p.contentprice {
    position: absolute;
text-align: right;
width:100%;
margin-top:240px;
right:12px;
font-weight : 600;
font-size: 16px;

}

.service-wrapper div{
float:left;
color:#FFFFFF;
}

.service-box-download {
background:#be8b49 url("/images/service/download_182.png");
width:182px;
height:128px;
padding:0;
margin:0 8px 0 0;
text-align:center;
}

.service-box-rental {
background:#c06d6d url("/images/service/rental_182.png");
width:182px;
height:128px;
padding:0;
margin:0;
text-align:center;
}

.service-box-wide {
padding:0;
margin:8px 0 0 0;
}


.service-wrapper p.sup{
  margin-top:50px;
font-size: 10px;
}

.service-wrapper p.price{
line-height: 4;
}



div.buytable  {
margin:8px 0;
}


.buytable table {
   border-collapse: collapse;
   border: 2px solid #ccc;
width: 100%;
font-size: 18px;
}

.buytable span{
font-size: 8px;
color:red;
margin-left:8px;
vertical-align:top;
}
.buytable table td.planprice {
width:214px;
}

.buytable table th, .buytable table td {
border-style: solid;
   border-width: 0 0 1px 0;
   border-color: #ccc; /* 線色 */
margin-left:4px;
}


.buytable table td.plantitle {
width:200px;
}

dl.buydetail dt { float:left; clear:both; font-weight:normal; margin: 0 0 8px 0; }
dl.buydetail dd { margin: 0 0 8px 80px; }


p.entrydate {
font-size: 10px;
}

/* Circular Content Carousel Style */
.scrollpanel{
margin:0;
padding:0;
width:100%;
}

.ca-wrapper{
width:100%;
margin:0;
}

#cs-ranking{
height:224px;
overflow:hidden;
}


.slide{
float:left;
}


.pagination {
text-align: center;
position: absolute;
top:10px;
right:10px;
}
.pagination a {
background: url(/images/common/pagermark.gif) -20px 0px no-repeat transparent;
width: 20px;
height: 20px;
margin: 0;
display: inline-block;
}
.pagination a.selected {
background-position: 0px  0px;
cursor: default;
}
.pagination a span {
display: none;
}


input { background-repeat: no-repeat; }

.text.disabled{border-color:#dcdddd;background-color:#f3f3f3;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.readonly{background-color:#dcdddd ! important;color:#7b7c7d;}
.text.short,
.text.password{width:180px;}
.text.med{width:50%;}
.text.full{width:100%;max-width:100%;}

.newcontents h5, .newcontents p {font-size:11px;line-height:1.5;}
.newcontent-wide .newcontent-date{float:left;margin-right:10px;}
.newcontent-label{color:red;}

.newcontent h5 {white-space: normal;}
.newcontent-title {line-height:1;} 