@charset "UTF-8";

/* my.css */


/* ▼基本レイアウト */
body {
	background: url(../img/bg_body.jpg) no-repeat center top fixed;
}
div#header {
	background: none;
}
div#content {
	background-color: rgba(255,255,255,.9);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/PIE.htc);
}
p.description {
	padding-bottom: 50px;
}
ul#globalNavi {
	opacity: .8;
	margin: 0 0 20px 0;
	-webkit-box-shadow: #999 1px 1px 5px;
	-moz-box-shadow: #999 1px 1px 5px;
	box-shadow: #999 1px 1px 5px;
	behavior: url(/PIE.htc);
}
div#main {
}

body.double div#utilities {
	padding-top: 20px;
}
div.entry ul.info {
	border: none;
}

/* ▼core.css に上書き */

/* テキストシャドウ */
#main h1 , #main h2 , #main h3 , #main h4 /*, #main p , #main li , #main blockquote , #main dt , #main dd*/ {
	text-shadow: white 1px 1px 1px;
}
#main h1 {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E8E8E8));
	background: -moz-linear-gradient(#FFFFFF, #E8E8E8);
	background: linear-gradient(#FFFFFF, #E8E8E8);
	-pie-background: linear-gradient(#FFFFFF, #E8E8E8);
	behavior: url(/PIE.htc);
}

p.siteName , p.description {
	text-shadow: white 1px 1px 1px;
}
#footer li , footer address {
	text-shadow: white 1px 1px 1px;
}
div#comments h2, div#trackback h2 {
	text-shadow: gray 1px 1px 1px;
}
div#utilities dl dt {
	text-shadow: gray 1px 1px 1px;
}
/* フッター */
div#footer address {
	color: #3f3f3f;
}
div#footer ul li , div#footer a {
	color: #666666;
}


/* ▼バナーモジュール */
ul.areaBanner {
	text-align: center;
	margin: 1em 0;
	padding: 0;
}
ul.areaBanner li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ▼リンクオンで不透明度を変える */
a:hover img {
    filter: alpha(opacity=70);
     -moz-opacity:0.70;
     opacity:0.70;
}

/* ▼画像のボーダーの色 */
.columnImage {
	border: 1px solid #eee;
}

/* ▼404 Not Found ページ */
body#notFound {
	text-align: left;
}

/* ▼サイドコンテンツ */
.sideContents {
	margin-bottom: 15px;
}

/* ▼キャプション */
div.textBody p.caption {
	font-size: 100% !important;
}

/* hr のマージン消す */
#main hr.clearHidden {
	margin: 5px 0;
}



/* ▼以下、@ahomu さんからいただいた管理画面をゴージャスにするCSS */
.entryFormColumn .entryFormColumnHead {
    color: black !important;
    cursor: move;
    background-color: #e3e3e3 !important;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    border: 1px solid silver;
    border-bottom: none;
}
 
.entryFormColumn .entryFormColumnHead:hover {
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    background-color: #d0d0d0 !important;
}
 
.entryFormColumnBody {
    background-color: white !important;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    border: 1px solid silver;
    border-top: none;
    line-height: 1.7;
}
 
.entryFormColumn #more {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.35, rgb(255,255,255)),
        color-stop(0.68, rgb(238,238,238))
    ) !important;
    background: -moz-linear-gradient(
        center top,
        rgb(255,255,255) 35%,
        rgb(238,238,238) 68%
    ) !important;
    text-shadow: 1px 1px 1px white;
    -moz-text-shadow: 1px 1px 1px white;
    -webkit-text-shadow: 1px 1px 1px white;
    border: 3px double silver !important;
    font-weight: bold;
    text-decoration: underline;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}



/* インクルードの説明用 */
.includeText {
	background: #eee;
	font-size: 12px;
	padding: 2px 5px;
	margin: 0 0 5px 0;
}



/* ユニットグループテスト */

.groupColumn2 {
	width: 295px;
	margin: 0 12px 0 0;
	float: left;
	display: inline;
}
.groupColumn3 {
	width: 195px;
	margin: 0 10px 0 0;
	float: left;
	display: inline;
}
.groupClear {
	clear: both;
}
.group1 {
}



/* 以下テスト用 test.html (#test をつける)
========================================== */

#test {
}
#test .box500 {
	width: 580px;
	_width: 600px;
	margin: 30px 0 30px 30px;
	zoom: 1;
	border: 10px solid #ddd;
}
#test .box500In {
	width: 148px;
	_width: 150px;
	border: 1px solid #999;
	background: #fff;
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
	padding: 0;
	
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	
	min-height: 200px;
	height: auto !important;
	height: 200px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: #F7F7F7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#B8B8B8));
	background: -moz-linear-gradient(#F7F7F7, #B8B8B8);
	background: linear-gradient(#F7F7F7, #B8B8B8);
	-pie-background: linear-gradient(#F7F7F7, #B8B8B8);
	
	behavior: url(/PIE.htc);
}
#test .box500In p {
	margin: 10px;
}