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

/* G5 Framework */
@import "reset-min.css"; /* Eric Meyer's Reset Reloaded + HTML5 baseline */

@import "tipsy.css"; /* ToolTips */
@import "reveal.css"; /* Modals */
@import "prettyPhoto.css";

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

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

/* 基本のスタイル */
body {  
	color: #454545;
	font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
	min-height: 100%;
	overflow-x: hidden;
	padding: 0;}

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;
}

.addy {
height: 250px; 
width: 300px; 
padding: 20px 0 20px 3px; 
position: relative; 	
transition: all 0.45s ease-in-out 0s;
-moz-transition: all 0.45s ease-in-out 0s;
-transition: all 0.45s ease-in-out 0s;

}
.adbrick {position: fixed; padding: 10px 0 0 3px;top: 250px;}


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


a { text-decoration: none; color: #444; } 
a:visited { text-decoration: none; color: #444; }
a:hover { text-decoration: underline;  }
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;
}
.cthru {height: 100%;}
.image {height: 100%;}

.image img {width: 100%;}



/* 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; }
 
 .cthru tr {background: transparent !important;}
    
td, th {
    border-bottom: solid 1px #ddd;
    padding: 6px 10px;
    text-align: left;    
}

 .cthru td, th {padding: 0 !important;}

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; */}
.nobrdr {background: transparent !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;  border: none !important;}

.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;
	border-radius: 2px 2px 2px 2px !important;
}
/* 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; }

#deviation {/*width: 100% !important;*/}

.box-inner { 
    /*border: 1px solid rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.33);
    background: none repeat scroll 0 0 #F6F6F1;*/
    margin: 10px 10px 45px 10px;
    position: relative;
	
}

.box-inner > p {overflow: hidden;}



/*.box-inner > p img {width: 100%;}

.box-inner > figure > p {
    height: 200%;
    left: -50%;
    position: absolute;
    top: -20%;
    width: 200%;
}*/

/*
.box-inner > figure > p {
    display: block;
    height: 80%;
    left: -14%;
    position: absolute;
    width: 130%;
	
}*/


.width_2 .box-inner > figure > p {
	/*width: 110%;
	left: -5%;
	position: relative;*/

}

.box-inner > figure {
	display: inline-table;
    height: 100%;
    position: relative;
    vertical-align: middle;}



.box-inner > figure > p {
	display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 100%;
}




.box-inner > figure > p > a {
	display: block;
	/*-webkit-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 1px 0px #0d0d0d;
    -moz-box-shadow: 0px 1px 2px 1px #a5a5a5, inset 0px 0px 1px 0px #0d0d0d;
    box-shadow:0px 1px 2px 1px #a5a5a5, inset 0px 0px 1px 0px #0d0d0d; */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	
	}

.box-inner > figure > p > a > img {
 margin: auto;
    position: relative;
    vertical-align: middle;
    /* width: 100% */
	transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-transition: all 0.15s ease-in-out 0s;

	left: -2%;
    width: 104%;
	
}

.box-inner > figure > p.square > a > img {
	left: -20%;
    top: -3%;
    width: 140%;
	
}


/*.box-inner > figure > p > a:hover > img {
   transition-delay: .4s;
	-moz-transition-delay: .4s; 
	-webkit-transition-delay: .4s; 
	-o-transition-delay: .4s; 
    width: 90%;
	
}*/

.height_8 .box-inner > figure > p > a > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    top: 0;
    vertical-align: top;
    width: 100%;
	
}

.width_1 + .height_8 > .box-inner > figure > p {
	display: block;
    height: 100%;
    left: -25%;
    position: relative;
    right: -25%;
    width: 150%;}

.width_1 + .height_8 > .box-inner > figure > p > a > img {
	left: -2%;
    width: 104%;
	
}

.width_2 + .height_8 > .box-inner > figure > p {
	display: block;
    position: relative;
    width: 100%;
	
}

.width_2 + .height_8 > .box-inner > figure > p > a > img {
	/*left: -2%;*/
    width: 100%;
	
}

.square {

    left: -25%;
    right: -25%;

	
	}



.goaway .box-inner {
	
	border: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow:none !important;
    background:transparent !important;
    margin: 0 !important;
    padding: 2px !important;
    position: relative;
	
	}

.box-inner {
    /*background:#fafaf5;
	transition-delay: .5s;
	-moz-transition-delay: .5s; 
	-webkit-transition-delay: .5s; 
	-o-transition-delay: .5s; */
	transition: all ease-out 0.05s;
	-moz-transition: all ease-out 0.05s;
	-transition: all ease-out 0.05s;	
}


.box .hover .box-inner {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}


.hover .box-inner:hover {
	/*box-shadow: 0 1px 3px rgba(36,90,108,1)!important;
	-moz-box-shadow: 0 1px 3px rgba(36,96,108,1)!important;
	-webkit-box-shadow: 0 1px 3px rgba(36,90,108,1)!important;*/
	}




.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;
}

.box > article {
	
    bottom: 0;
    color: #7E7E7C;
    display: table;
    font-family: 'Source Sans Pro', sans-serif;
    height: 44px;
    position: absolute;
    width: 100%;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0 12px 0 10px;
	
	
}

.box article ul {margin: 6px 0 0;}

.box article ul li {
	display: block;
    font-size: 0.92em;
    line-height: 1.3em;
    vertical-align: bottom;
	
	}

.box article ul li:first-child {font-size: 0.966em;
    font-weight: 500; }
.box article ul li a { color: #7E7E7C;}

.box article a:hover {color: #2684dc; text-decoration: none;}

.box article abbr {
	bottom: 2px;
    color: #7E7E7C;
    display: table;
    height: 16px;
    position: absolute;
    right: 12px;
    vertical-align: top;
	opacity: 0.75;
	transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-transition: all 0.15s ease-in-out 0s;
	letter-spacing: -0.08em;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.8em;}
.box article abbr a {color: #7E7E7C;}
.box article abbr i {background: url("../img/micro_comment.png") no-repeat scroll right 0 transparent;
    display: inline-table;
    height: 10px;
    opacity: 0.4;
    overflow: visible;
    position: relative;
    width: 14px;
	}
.box article abbr em {display: inline-block; font-style: normal !important; }

.box article abbr a:hover i {background-position: right -10px; opacity: 1;}



.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; top: 2px; 

/* experimantal bg */

/*
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.098);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.098);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.098); 
*/
}
#footer { clear: both; width:100%;height: 94px; margin-top: 30px; }
#footer .footer_glass { width:100%;height: 94px; /*background: url(../img/footer_grass.png) center bottom repeat-x;*/ }

/* 共通 */
body { background: url("../img/fiber.png") repeat scroll 0 0 #e8e8e3;}
.wrapper { padding: 0px; overflow: visible !important; display: table; height: 100%;}
#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;}*/


/* fixed side bar */

/*#sidebar { float: left; width: 300px; position: fixed; right: 1%; }*/

#sidebar {
    float: left;
    position: relative;
    width: 300px;
	}

.gobber {background: url("../img/fiber.png") repeat scroll 0 0 #E8E8E3;
    display: block;
    height: 12px;
    position: absolute;
    top: -12px;
    width: 300px;
    z-index: 99999; }

#sidebar .inner {
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
    display: block;
    margin-left: 6px;
	padding-right: 2px;
	padding-left: 1px;
	padding-top: 12px;
    position: relative;
    /*width: 302px;*/ }
	

#sidebar .under-outer {
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
    display: block;
    margin-left: 6px;
	padding-right: 2px;
	padding-left: 1px;
	top: 240px;
    position: absolute;
	z-index: 1;
    width: 300px; }

.widget {display: block; }

#occlude {background: url("../img/fiber.png") repeat scroll 0 0 #e8e8e3;
    width: 304px;
    position: fixed;
    /*top: -12px;*/
    z-index: 9999;
	transition: all 0.12s ease-in-out 0s;
	padding: 0 2px;
	}

#occlude .shadow {
	-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease-in-out 0s;
}


body.movin #occlude .shadow {
   background: url("../img/thunderbluff.png") no-repeat scroll -2px -3px transparent;
    height: 2.85em;
    overflow: visible !important;
    transition: all 0.3s ease-in-out 0s;
	
}

.doozy {}

.thunderbluff {
	height: 2.5em !important;
    transition: all 0.3s ease-in-out 0s;}

#sidebar .widget-inner {
  
 
    /*-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);*/
    background: #F6F6F1;
	display: block;
    margin-bottom: 4px;
	  border-left: 1px solid rgba(0, 0, 0, 0.2);
   border-right: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  
  
    position: relative;
}

#sidebar .widget-categories ul li a {
    -moz-box-sizing: border-box;
    border: 1px solid transparent;
    color: #7E7E7C;
    cursor: pointer;
    display: inline-block;
    font-size: 0.92em;
    padding: 0 11px 0 10px;
}


#sidebar .widget-categories ul li a:hover {
	color: #60605E;
	text-decoration: none;
}


ul#category { padding: 3px 8px 0 30px;}
ul#category li.catty {line-height: 1.6em;}


#overhead {/*top: 12px;*/}



#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-radius: 0 0 3px 3px;
	/* background:-webkit-gradient(linear, left top, left bottom, from(#E5EAE3), to(#D6DFD2) );
    background:-moz-linear-gradient(-90deg, #E5EAE3, #D6DFD2);*/
	
	background:none repeat scroll 0 0 #D2DECD;
}

#sidebar figure {
	background: -webkit-linear-gradient(top, rgba(82,105,96,1) 0%,rgba(68,90,82,1) 100%);
	background: -moz-linear-gradient(top, rgba(82,105,96,1) 0%,rgba(68,90,82,1) 100%);
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	color: #b2c0ba;
	font-family: Verdana;
	font-size: 12px;
	border: 1px solid #30322a;
	box-shadow: 0 1px 0 #afb1ac;
	height: 43px;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 1px 0 #63786F inset, 1px 0 0 #536960 inset;
	position:relative;
	border-radius: 3px 3px 0 0;
	
	}
	


#logogroup {display: inline-block;
   
    position: relative;}

.nopad {
    padding: 0 !important;
}

#overhead ul {
		margin: 0;
		padding: 0;
	}
	
	#overhead ul li {
	display: table-cell;
    list-style: none outside none;
    margin: 0;
    padding: 0 4px 0 6px;
    vertical-align: middle;
	line-height: 11px;
	}
		
		#overhead ul li.bl {
			border-left: 1px solid #637970;
			box-shadow: inset 1px 0 0 #364740;
		}

		.dl {width: 130px;}

	/*#overhead ul li.dl { width: 195px;}*/
	
	#overhead-search input {
		background: url("../img/glass.png") 72% 6px no-repeat #a9b8a9;
		border-radius: 5px;
		border: 1px solid #33403c;
		box-shadow: inset 0px 1px 3px rgba(0,0,0,.4), 0 1px 0 #6b7d76;
		font-family: Verdana, sans-serif;
		font-size: 11px;
		padding: 5px;
		color: #333;
		-webkit-transition: all .1s linear;
		-moz-transition: all .1s linear;
		width: 18px;
		position: relative;
		
		
	}
		
		#overhead-search input:hover {
			outline: none;
			box-shadow: inset 0px 1px 1px rgba(0,0,0,.2), 0 1px 0 #6b7d76;
			background-color: #b1bfb1;
	}
		#overhead-search input:focus {
			outline: none;
			background-color: #eaf0e8;
			box-shadow: none !important;
			width: 141px;
			background-image: none;
		}
	
	a#logo {
		width: 116px;
		height: 26px;
		display: block;
		background: url("../img/logo.png") 5px center no-repeat;
	}
	
	#overhead a {
		color: #eff8f4;
		cursor: pointer;
		text-shadow: 0 1px 0 rgba(0,0,0,1) !important;
		height: 42px;
    	line-height: 42px;
	}
		
	#overhead a.hover {
		display: inline-block;
		
		-webkit-transition: background-color .05s linear;
		-moz-transition: background-color .05s linear;
		padding: 0 7px;
	}
		
		#overhead a.hover:hover {
			background-color: rgba(0,0,0,.1);
		}
		
		#overhead a.hover:active {
			box-shadow: inset 1px 1px 10px rgba(0,0,0,.2);
			background-color: rgba(0,0,0,.15);
			-webkit-transition: none !important;
		      -moz-transition: none !important;
		}
	
	#overhead a.dropdown {
		background: url("../img/down.png") 95% center no-repeat;
		padding-right: 35px;
	}
	
	#overhead-search {position: absolute;
    right: -165px;
    top: 7px;}
	
	
.nw-row {
    clear: both;
    text-align: left !important;
}

.nw-box {
	display: table; 
	width: 100%;
	/*background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(rgba(243, 244, 245, .1)));*/
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(255, 255, 255, .3)),color-stop(0.4, rgba(243, 244, 245, .1)),color-stop(0.6, rgba(243, 244, 245, .035)), to(rgba(0, 0, 0, .035))) transparent !important;
	
	background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.33), rgba(243, 244, 245, 0.1)) repeat scroll 0 0 transparent !important;
	
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.33);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.33);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.33);

}	

.nw-row .nw-box span {
   display: inline-block;
    float: left;
    height: 50px;
    position: relative;
    width: 50px;
	overflow: hidden;
}

.nw-row article {}

.nw-row .nw-box span img {left: -33%;
    max-height: 75px;
    position: absolute;}
.nw-row {
    background-color: #CCD9C8;
    border-bottom: 1px solid rgba(0,0,0,0.23);
	 border-right: 1px solid rgba(0, 0, 0, 0.23);
    display: block;
    margin: 0 auto;

	position: relative;
    
}	

	
.nw-box h4 {
   
    -moz-box-sizing: border-box;
	box-sizing: border-box;
   color: #202020;
    display: table-cell;
    float: left;
    font-size: 1.75em;
    font-weight: 200;
    height: 0;
     line-height: 2.12em;
    padding: 0 2px 0 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    vertical-align: middle;
}	
	
	
	

#sidebar div.padd { padding: 8px; }
/* サイト共通のウィジェット */
.widget-logo {  }
.widget-global_nav ul.globalnav{ margin-left: 0px; padding: 0px; }

.widget-global_nav ul li.sitenav {
	display: table-cell;
    font-size: 12px;
    font-weight: normal;
    left: 0;
    line-height: 2.8;
    margin-left: 0;
    padding: 0;
    position: relative;
    top: 0;
    text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-left: medium none transparent; }
	
.full {

    width: 100% !important;
	 }	
	

.widget-global_nav ul li.sitenav:first-child { 
border-left: medium none !important;
border-radius: 0 0 0 3px; 
width: 36px;}



.widget-updates {
	margin: 10px 0;
	border-radius: 3px; box-sizing: border-box;
-moz-box-sizing: border-box; display: block; 
  border-left: 1px solid rgba(0, 0, 0, 0.2);
   border-right: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.235);
   border-top: 1px solid rgba(0, 0, 0, 0.1);
  
   background:-webkit-gradient(linear, left top, left bottom, from(#ECECE8), to(#E6E6E1));
    background:-moz-linear-gradient(-90deg, #ECECE8, #E6E6E1);

box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.235);
-webkit-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.235);
-moz-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.235);

}


.widget-updates ul {-moz-box-sizing: border-box; box-sizing: border-box;
display: table;
    width: 100%;}

.widget-updates ul li {
	/*border-left: 1px solid rgba(0, 0, 0, 0.125);*/
    display: table-cell;
    /*width: 25%;*/
	vertical-align: middle;
	line-height: 2.6em;
	width: 50%;}




.widget-empty {
	margin: 0px 0 10px;
	border-radius: 3px; box-sizing: border-box;
-moz-box-sizing: border-box; display: block; 
  border: medium none transparent; 
  position: relative; 
  
  /* background:-webkit-gradient(linear, left top, left bottom, from(#ECECE8), to(#E6E6E1));
    background:-moz-linear-gradient(-90deg, #ECECE8, #E6E6E1);

box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.235);
-webkit-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.235);
-moz-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.235);*/

}


.widget-empty ul {-moz-box-sizing: border-box; box-sizing: border-box;
display: table;
    width: 100%;
	border-radius: 3px;}

.widget-empty ul li:first-of-type {
    
    
}


.widget-empty ul li {
	/*border-left: 1px solid rgba(0, 0, 0, 0.125);*/
    
    /*width: 25%;*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    display: block;
    float: left;
    line-height: 2.2em;
    vertical-align: middle;
    width: 50%;}

.widget-empty ul li a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    border: 1px solid transparent;
    
    color: #7E7E7C;
    cursor: pointer;
    display: inline-block;
    font-size: 0.92em;
	padding: 0 11px 0 10px;
	}

.widget-empty ul li a:hover {
	/*background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, .55)), to(rgba(243, 244, 245, .33)));
	background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.55), rgba(243, 244, 245, 0.33)) repeat scroll 0 0 transparent;*/
	color: #60605E;
	/*color: #2684dc; */
	text-decoration: none;
   /*border-left: 1px solid rgba(0, 0, 0, 0.2);
   border-right: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.235);
   border-top: 1px solid rgba(0, 0, 0, 0.1);*/
}

.widget ul li a.on:hover { color: #0d0d0d !important;}


.widget-empty ul li.nw_edge {
	border-top: 1px solid rgba(0, 0, 0, 0.055);
	border-right: 1px solid rgba(0, 0, 0, 0.06);
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 3px 0 0 0;
	}

.widget-empty ul li.sw_edge {
	border-right: 1px solid rgba(0, 0, 0, 0.06);
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0 0 0 3px;
	}

.widget-empty ul li.ne_edge {
	border-top: 1px solid rgba(0, 0, 0, 0.055);
	border-right: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0 3px 0 0;
	}

.widget-empty ul li.se_edge {
	border-right: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0 0 3px 0;
	}


.widget-updates global_nav ul:first-child {border-left: none !important;}

.widget-updates ul li a {
	cursor: pointer;
    display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #60605E;
	font-size: 0.92em;
	padding: 0 10px 0 0;
	}


.on {font-weight: 600; color: #545450 !important;}
.time {color: #60605E !important;}

.widget-updates ul li a:hover {
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, .55)), to(rgba(243, 244, 245, .33)));
	background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.55), rgba(243, 244, 245, 0.33)) repeat scroll 0 0 transparent;
	text-decoration: none;
	
	box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	
}

.widget-updates ul li a.browse:hover {
	
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	
}

.widget-updates ul li a.time:hover {
	
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	
}


		
		.widget-updates ul li a:active {
			box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.2), inset 0px 1px 6px 1px rgba(0,0,0,.13) !important;
	        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, .005)), to(rgba(0, 0, 0, .073)));
	        background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.005), rgba(0, 0, 0, 0.073)) repeat scroll 0 0 transparent;
			transition: none !important;
		}

.widget-updates ul li a:last-of-type {
    /*border-right: none !important;*/
    
}


a.browse { 
    cursor: pointer;
    display: block;
    position: relative;
 
    }

a.browse i {
	background: url("../img/browse_color.png") no-repeat scroll 9px 8px transparent;
    display: inline-block;
    float: left;
    height: 25px;
    position: relative;
    width: 27px;
	padding-right: 13px;}

	
a.home:hover i {background-position: center -14px;}

i.home {display: block; height: 13px; background: url(../img/home_sprite.png) no-repeat scroll center 7px; cursor: pointer;}
i.home:hover {background-position: center -14px;}

a.time {text-indent: 10px !important;}
a.time i {
	background: url("../img/clock_micro.png") no-repeat scroll 9px 9px transparent;
    display: inline-block;
    float: left;
    height: 25px;
    position: relative;
    width: 27px;
	padding-right: 4px;}

a.time b {
	background: url("../img/caret_micro.png") no-repeat scroll 0px 0px transparent;
    display: inline-block;
    float: right;
    height: 11px;
    position: relative;
    width: 11px;
	padding-right: 8px;
	top: 11px;}


a.tshirts i {
	background: url("../img/tshirt_sprite.png") no-repeat scroll -2px 0 transparent;
    display: inline-block;
    float: left;
    height: 13px;
    padding: 8px 8px 0;
    position: relative;
    top: 3px;
    width: 12px;}

a.prints i {
	background: url("../img/prints_micro_sprite.png") no-repeat scroll -3px -1px transparent;
    display: inline-block;
    float: left;
    height: 10px;
    padding: 8px 8px 0;
    position: relative;
    top: 3px;
    width: 12px;}

a.network i {
	background: url("../img/convo_sprite.png") no-repeat scroll -2px -1px transparent;
    display: inline-block;
    float: left;
    height: 10px;
    padding: 8px 8px 0;
    position: relative;
    top: 5px;
    width: 12px;}

a.groups i {
	background: url("../img/groups_sprite.png") no-repeat scroll -3px -1px transparent;
    display: inline-block;
    float: left;
    height: 10px;
    padding: 8px 8px 0 7px;
    position: relative;
    top: 3px;
    width: 12px;}

a.categories i {
	background: url("../img/categories_sprite.png") no-repeat scroll 2px 1px transparent;
    display: inline-block;
    float: left;
    height: 7px;
    padding: 8px 8px 0;
    position: relative;
    top: 7px;
    width: 12px;}

a.tshirts:hover i {background-position: -2px -20px;}
a.prints:hover i {background-position: -3px -19px;}
a.network:hover i {background-position: -2px -19px;}
a.groups:hover i {background-position: -3px -19px;}
a.categories:hover i {background-position: 2px -13px;}
a.categories:active i {background-position: 2px -28px;}

.tuckup {margin-bottom: 0 !important;}
.empty {margin-bottom: 5px !important;}
.widget-signin div {padding: 10px;
}







.notifications {
    -moz-user-select: none;
    border-radius: 4px 4px 4px 4px;
   
    height: 27px;
}
.notifications a {
 	
	background:-webkit-gradient(linear, left top, left bottom, from(#ECECE8), to(#E6E6E1) );
    background:-moz-linear-gradient(-90deg, #ECECE8, #E6E6E1);

    border-left: 1px solid rgba(0, 0, 0, 0.2);
   border-right: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.235);
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   
    box-shadow: 0 1px 0 #F2F3F4 inset, 0px 1px 2px -2px rgba(0,0,0,0.235);
	-webkit-box-shadow: 0 1px 0 #F2F3F4 inset, 0px 1px 2px -2px rgba(0,0,0,0.235);
	-moz-box-shadow: 0 1px 0 #F2F3F4 inset, 0px 1px 2px -2px rgba(0,0,0,0.235);
	
	width: 25%;
    float: left;
    height: 25px;
    line-height: 26px;
    padding: 0 6px;
}
.notifications a:hover {
    background: none ;
}
.notifications a:active {
    background: none repeat scroll 0 0 ;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset !important;
}
.notifications i {
    margin-top: 5px;
}
.notifications a:active i, .notifications .inactive i {
    opacity: 0.5;
}
.notifications span {
    color: #EAFF00;
    font-family: "Depot New";
    font-size: 13px;
    margin-left: 5px;
}
.notifications a:active span, .notifications .inactive span {
    color: #B2C0BA;
}
.notifications a:first-of-type {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 1px 0 #F2F3F4 inset;
}
.notifications a:last-of-type {
    border-radius: 0 4px 4px 0;
    
}











.widget-global_nav ul li.sitenav a { 
padding: 0 8px 0 5px;
text-decoration: none; 
color: #778577; 
display:block;
outline: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, .33)), to(rgba(243, 244, 245, .2)));
background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.33), rgba(243, 244, 245, 0.2)) repeat scroll 0 0 transparent;
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
box-sizing: border-box;
-moz-box-sizing: border-box;


}

.widget-global_nav ul li.sitenav a:hover {
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, .55)), to(rgba(243, 244, 245, .33)));
	background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.55), rgba(243, 244, 245, 0.33)) repeat scroll 0 0 transparent;
	/*color: #2171BB; */
	}

.widget-global_nav ul li.sitenav a.studio:hover {
	box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	-moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	-webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	
	
	}
	
.widget-global_nav ul li.sitenav a.user:hover {
	box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	
	
	}
.widget-global_nav ul li.sitenav a.home:hover {
	box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255,255,255,0.5), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
	}

.widget-global_nav ul li.sitenav a.conversations:hover {
	box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	-moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	-webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	
	
	}

.widget-global_nav ul li.sitenav a.cart:hover {
	box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	-moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	-webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.09), inset 0 0 0 1px rgba(255,255,255,0.13);
	
	
	}
	
.widget-global_nav ul li.sitenav a:active {	
	box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.2), inset 0px 1px 6px 1px rgba(0,0,0,.13) !important;
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, .005)), to(rgba(0, 0, 0, .073)));
	background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.005), rgba(0, 0, 0, 0.073)) repeat scroll 0 0 transparent;
	color: #2b6373;
}

.widget-global_nav ul li.sitenav a:first-child {   }

.user {width: 100%;}

.droppl {padding: 0 5px 0 10px !important;}
.user {padding: 0 6px 0 6px !important;}
.home {padding: 0 8px 0 8px !important;}
.conversations {padding: 0 8px 0 8px !important;}


.widget-global_nav ul li a i {display: inline-table;}

.widget-global_nav ul li.sitenav a.studio i {
	background: url("../img/studios_micro_sprite.png") no-repeat scroll center -1px transparent;
    height: 18px;
    left: -1px;
    position: relative;
    top: 4px;
    width: 20px;
}

.widget-global_nav ul li.sitenav a.home i {
	background: url("../img/home_micro_sprite.png") no-repeat scroll center -1px transparent;
    height: 18px;
    position: relative;
    top: 3px;
    width: 20px;
}

.widget-global_nav ul li.sitenav a.conversations i {
	background: url("../img/conversations_micro_sprite.png") no-repeat scroll center -1px transparent;
    height: 18px;
    position: relative;
    top: 4px;
    width: 20px;
}

.widget-global_nav ul li.sitenav a.cart i {
	background: url("../img/micro_cart_endo.png") no-repeat scroll center -1px transparent;
    height: 18px;
    position: relative;
    top: 4px;
	left: 1px;
    width: 20px;
}

/*.widget-global_nav ul li.sitenav a.studio:hover i {background-position: center -20px;}
.widget-global_nav ul li.sitenav a.studio:active i {background-position: center -40px;}

.widget-global_nav ul li.sitenav a.home:hover i {background-position: center -20px;}
.widget-global_nav ul li.sitenav a.home:active i {background-position: center -40px;}
*/


	
/*.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("../img/box_bg3_hover.jpg"); }*/
.widget-global_nav ul li.active a { background:#777777 url("../img/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; }



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("../img/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("../img/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("../img/download_182.png");
width:182px;
height:128px;
padding:0;
margin:0 8px 0 0;
text-align:center;
}

.service-box-rental {
background:#c06d6d url("../img/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(../img/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%;}