﻿/*
Copyright (c) 2012, cloud-kashiwagi. All rights reserved.
version: 1.0
*/

/*---------- 全体設定 ----------*/
body {
	line-height:125%;
    	font-size:100%;
	line-height:125%;
    	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /*iPhone対策*/ 
}

/*---------- 外枠 ----------*/
#wapper {
	padding: 10px;
	overflow:hidden;

}

/*---------- ヘッダーメニュー ----------*/
#headernav{
	display:none;
}

/*---------- ヘッダー ----------*/
header h1,h2{
	margin:0px 0px 0px 0px;

}

header h1 {
	padding:10px 0;
}

h1,h2{
	font-size: 1.4em;

}

header h2{
	font-size: 1em;
	font-weight:normal;
}

p {
	margin-bottom: 1em;
}

header{
	border-top:3px solid #339900;
	border-bottom:3px solid #339900;
	padding-bottom:1em;
}

/*header::before{
  content:url(../images/logo.png) no-repeat;
  position:absolute;
  margin:10px 0px 0px 5px;
  top:0;
}*/




/*---------- トップ下グローバルメニュー ----------*/
#globalmenu{
	display:none;
}
/*---------- コンテナ ----------*/
#container{
	clear:both;
	padding: 10px 0;
}

/*---------- メインコンテンツ ----------*/
#main-content h2{
	border-bottom:2px dotted #999999;
	margin:1.0em 0;
	padding-bottom:0.5em;
	line-height:125%;
}

#main-content p{

}



/*---------- ナビ ----------*/

.side-bar-box {
	width: 100%;
	text-decoration: none;
	margin: 1.5em 0 2em 0;
}

.side-bar-box ul {
	width: 100%;
	margin: 0; 
	padding: 0; 
}

.side-bar-box h3 {
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	background-color: #006633;
	background: -webkit-gradient(linear, left top, left bottom, from(#006633), to(#339900));
	padding: 7px 10px;
	color:#fff;
	border-bottom:solid 1px #ccc;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}

.side-bar-box li {
	width: 100%;
	background-color: #339900;
	background: -webkit-gradient(linear, left top, left bottom, from(#75c973), to(#339900));
	list-style-image: url(../images/arrow.png); /* リストマーク表示 */
	list-style-position:inside;					/* リストマークインセット */
	border-bottom: solid 1px;
	border-bottom-color: #cccccc;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}

.side-bar-box li a {
	color: #fff;
	padding: 20px 10px;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

.side-bar-box li a:hover {
	color: #fff;
	display: block;
	text-decoration: none;
	background-color: #33cc66;
	background: -webkit-gradient(linear, left top, left bottom, from(#006633), to(#33cc66));
}

.side-bar-box p {
	border-left:1px solid #339900;
	border-right:1px solid #339900;
	border-bottom:1px solid #339900;
	-webkit-border-bottom-left-radius: 10px;	/* Safari,Google Chrome用 */
	-webkit-border-bottom-right-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-bottomleft: 10px;		/* Firefox用 */
	-moz-border-radius-bottomright: 10px;		/* Firefox用 */
	padding:1em;
}

/*---------- PRリンク ----------*/
.pr-box{
	margin:10px 0;
	border:1px solid #99cc66;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border-radius: 10px;	/* Safari,Google Chrome用 */
	border-radius: 10px;	/* Firefox用 */
}
.pr-box h3 {
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	background-color: #006633;
	background: -webkit-gradient(linear, left top, left bottom, from(#006633), to(#339900));
	padding: 7px 10px;
	color:#fff;
	border-bottom:solid 1px #ccc;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}
.pr-box p{
	padding:0 20px;
}
.pr-box .side-menu{
	padding:0 20px 10px 20px;
}

/*---------- フッター ----------*/
footer {
	background-color: #339900;
	padding-top: 10px;
	color:#fff;
	padding: 1em;
	font-size:12px;		/* #################### */
}
footer p.topreturn a{	/* トップへ戻るボタン */
    	background: #eee;
	color: #444; 
    	padding:10px;
    	font-size:small;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-top-left-radius: 5px;		/* Safari,Google Chrome用 */
	-webkit-border-top-right-radius: 5px;		/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 5px;		/* Firefox用 */
	-moz-border-radius-topright: 5px;		/* Firefox用 */
	border-radius:5px 5px;				/* Firefox13以上用（上下左右） */
	-webkit-border-bottom-left-radius: 5px;		/* Safari,Google Chrome用 */
	-webkit-border-bottom-right-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius-bottomleft: 5px;		/* Firefox用 */
	-moz-border-radius-bottomright: 5px;		/* Firefox用 */
}
