/* ### レイアウト ### */
body	{margin: 0 10px;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}

#container	{width: 960px;
	margin: auto;}

#header	{margin: 0;}

#htop	{margin: 10px 0 10px;}

#content	{margin-top: 10px;
      width: 630px;
	float: left;}

#sidebar	{width: 300px;
	float: right;}

#footer	{clear: both;}


/* ### ヘッダー ### */

/* サイト名 */
#headtop	{float: left;}
#headtop  h1 {margin: 0;
		padding: 0;}
#headtop  h1 a	{display: block;
	font-size: 28px;
	padding: 10px 30px;
	overflow: hidden;
	color: #ff0000;
	text-decoration: none;}

#headtop img	{float: left;
	margin-right: 30px;
	clear:left;}


/* アイコンメニュー */
#iconmenu	{float: right;
	position: relative;}

/* ナビゲーションメニュー */
#iconmenu	{float: right;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-top: solid 2px #ffffff;
	padding-top: 30px;}


#iconmenu ul	{margin: 0;
	padding: 0;}

#iconmenu li	{margin-left: 3px;
	display: inline-block;
        list-style-type: none;
	float: left;
	background-color: #ff0000;
  border-radius: 6px;}

#iconmenu 

li a {
	display: block;

	padding: 5px 10px;

	text-decoration: none;

	border-radius: 3px;

	line-height: 1;

	color: #ffffff;
	text-shadow: 0 1px 1px #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 14px;

	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.9)), color-stop(0.5, rgba(255,255,255,.3)), color-stop(0.51, rgba(255,255,255,0)), to(rgba(255,255,255,0)));

	background: -webkit-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

	background: -moz-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

	background: -ms-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

	background: -o-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

	background: linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

}

#iconmenu li a:hover	{
	background: -webkit-gradient(linear, left top, left bottom, from(#0061e4), to(#dfeeff));

	background: -webkit-linear-gradient(top,#0061e4 0%, #dfeeff 100%);
	background: -moz-linear-gradient(top,#0061e4 0%, #dfeeff 100%);
	background: -ms-linear-gradient(top,#0061e4 0%, #dfeeff 100%);

	background: -o-linear-gradient(top,#0061e4 0%, #dfeeff 100%);
	background: linear-gradient(top,#0061e4 0%, #dfeeff 100%);

	color: #ffff00;
}


#htop	{overflow: hidden;}

/* ### ヘッダー ### */

/* サイト名 */
#site	{float: left;}

/* ナビゲーションメニュー */
#nav	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	 color: fb6aab;
	overflow: hidden;
	border-top: solid 1px #ffffff;
	background-color: #ffffff;}

#nav ul	{margin: 0;
	padding-left: 20px;}

#nav li	{margin-left: 10px;
	display: inline-block;
        list-style-type: none;
	float: left;
	background-color: #336699;
        border-radius: 6px;}

#nav 

li a {
	display: block;

	padding: 8px 40px;

	text-decoration: none;

	border-radius: 3px;

	line-height: 1;

	color: #ffffff;
	text-shadow: 0 1px 1px #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 14px;

	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.9)), color-stop(0.5, rgba(255,255,255,.3)), color-stop(0.51, rgba(255,255,255,0)), to(rgba(255,255,255,0)));

	background: -webkit-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

	background: -moz-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

	background: -ms-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

	background: -o-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

	background: linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);

}

#nav li a:hover	{
	background: -webkit-gradient(linear, left top, left bottom, from(#0061e4), to(#dfeeff));

	background: -webkit-linear-gradient(top,#0061e4 0%, #dfeeff 100%);
	background: -moz-linear-gradient(top,#0061e4 0%, #dfeeff 100%);
	background: -ms-linear-gradient(top,#0061e4 0%, #dfeeff 100%);

	background: -o-linear-gradient(top,#0061e4 0%, #dfeeff 100%);
	background: linear-gradient(top,#0061e4 0%, #dfeeff 100%);

	color: #ffff00;
}



/* サイト名 */
#site	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	display: inline-block;
	padding: 10px 20px;
	margin-top: 20px;}

#site h1	{font-size: 16px;
		color: #ffff00;
	margin: 0;
	line-height: 1;}

#site h1 span	{font-weight: normal;}

#site p	{font-size: 14px;
	color: #ffff00;
	margin: 0;}

/* ヘッダー画像 */
#header	{width: 960px;
	height: 280px;
	background-image: url(../img/title.jpg);
	background-position: left bottom;}


/* ### コンテンツ ### */

.post h2, .post p	{background:rgba(255,255,255,0.01);}

/* 投稿日 */
.date	{float: left;
	background-color: #ffa4d4;
	padding: 5px 15px 8px;
	margin: 0 10px 5px 0;
	text-align: center;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;}

.date span	{display: block;
	font-size: 20px;
	line-height: 1;}


/* タイトル */
.post h2	{font-size: 22px;
	border-bottom: solid 1px #ffa4d4;
	margin: 6px 0 15px;
	padding: 0 10px 3px;}

.post h3	{font-size: 20px;
	margin: 0;
	padding: 3px 6px 3px;}

.post h4	{font-size: 18px;
	margin: 2px 10px;
	padding: 3px 6px 3px;
	color: #f00;}

.post h5	{font-size: 16px;
	margin: 2px 10px;
	padding: 3px 6px 3px;
	color: #f00;}


/* サムネイル画像 */
.post p img	{float: left;
	margin-right: 10px;
	clear:left;}

/* 本文 */
.post p	{font-size: 14px;
	line-height: 1.6;
	margin: 0;
	padding: 0 10px;
	clear: left;}


.post ul	{margin: 0;
	padding: 0 10px;}

.post li	{list-style-type: none;}

.post li a	{display: block;
	padding: 0 10px;
	border-right: solid 1px #ffa4d4;
	color: #000000;
	text-align: left;
	text-decoration: none;}

.post li a:hover	{background-color: #fde7f4;}

.post table	{font-size: 14px;
	line-height: 1.2;
	margin-left: 10px;
	margin-bottom: 30px;}



/* 続きを読むボタン */
.post .more	{background-image: url(../img/more_gray.png);
	background-repeat: no-repeat;
	background-position: center right;
	text-align: right;
	padding-right: 30px;
	color: #888888;
	clear: none;}

/* リンク */
.post	{border: solid 1px #ffa4d4;
	margin-bottom: 20px;}

.post a	{margin: 10px;
	font-size: 22px;
	 border: solid 1px #ffa4d4;
	background-color: #c71585;
	display: block;
	padding: 10px;
	overflow: hidden;
	color: #ffffff;
        border-radius: 6px;
	text-decoration: none;}

.post a:hover	{background-color: #dddddd;
	background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#fde7f4));
	background: -webkit-linear-gradient(#ffffff 0%, #fde7f4 100%);
	background: -moz-linear-gradient(#ffffff 0%, #fde7f4 100%);
	background: -o-linear-gradient(#ffffff 0%, #fde7f4 100%);
	background: -ms-linear-gradient(#ffffff 0%, #fde7f4 100%);
	background: linear-gradient(#ffffff 0%, #fde7f4 100%);
	color: #000000;}

#con-inner h2 {margin: 0;
	font-size: 22px;
	border-top: 0px;
	background-color: #fff;
	border-right:0px;
	border-left-width: 5px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #ffa5da;
	background: #faf1f6;
	padding: 1px 20px;}

#con-inner h3 {margin-top: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	border: 3px solid #fdc0e4;
	border-radius: 6px;
	background: #ffccff;
	padding: 1px 16px;}

#con-inner h5 {margin: 5px;}

#con-inner p {font-size: 14px;}


#con-inner p img	{float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	clear:left;}

.erea  {margin-bottom: 16px;}

.erea a	{margin: 1px 3px;
	font-size: 14px;
	 border: solid 1px #fdc0e4;
	background-color: #ffffff;
	display: block;
        list-style-type: none;
	float: left;
	padding:1px 2px;
	color: #000000;
        border-radius: 3px;
	text-decoration: none;}

.erea a:hover	{background-color: #c71585;
	background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#fde7f4));
	background: -webkit-linear-gradient(#ffffff 0%, #fde7f4 100%);
	background: -moz-linear-gradient(#ffffff 0%, #fde7f4 100%);
	background: -o-linear-gradient(#ffffff 0%, #fde7f4 100%);
	background: -ms-linear-gradient(#ffffff 0%, #fde7f4 100%);
	background: linear-gradient(#ffffff 0%, #fde7f4 100%);
	color: #c71585;}

.box	{float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 15px;}

.box:last-child	{margin-right: 0;}

.box + .box	{margin-right: 0;}



#con-inner	{overflow: hidden;}


/* ### コンテンツ ### */

/* サムネイル画像 */
.box img	{width: 300px;
	height: auto;
	vertical-align: bottom;
	border: none;}

/* 記事のタイトルと文章 */
.box h2	{font-size: 16px;
	margin: 5px 0 0;}

.box p	{font-size: 12px;
	margin: 5px 0;}


.cat	{font-size: 20px;
	color: #ff0000;}

.cat a	{text-decoration: none;
	color: #666666;}


/* ### サイドバー ### */

#sidebar p {margin-left: 10px;;
	font-size: 14px;
	color: #003300;}

#sidebar h3 {margin-left: 10px;;
	font-size: 18px;
	color: #000000;}

/* 広告 */
.ad img	{width: 300px;
	margin-bottom: 20px}


/* メニュー */
.menu	{margin-top: 20px;
        margin-bottom: 20px;}

.menu h3 {
	margin: 3px 0px 5px;
	 color: rgb(102, 193, 232);
	 font-family: "Maven Pro", Helvetica, Arial, sans-serif;
	 font-size: 20px;}

.menu ul	{margin: 0;
	padding: 0;
	border-top: solid 1px #aaaaaa;}

.menu li	{margin-bottom: 0;
	list-style-type: none;
	border-bottom: solid 1px #aaaaaa;}

.menu li a	{display: block;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	color: #666666;
	padding: 10px 0 10px 20px;
	background-image: url(../img/listmark.png);
	background-repeat: no-repeat;
	background-position: 0 50%;}

.menu li a:hover	{background-color: #b4f0ff;}

/* ### フッター ### */

#footer	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color: #fca4c2;
	padding: 10px 10px 20px;}


/* サイト名 */
#footer p	{float: left;
	margin: 0;}


/* アイコンメニュー */
#iconm	{float: right;}

#iconm ul	{margin: 0;
	padding: 3px 0 0;}

#iconm li	{display: inline;
	list-style-type: none;}

#iconm img	{border: none;}


/* サブメニュー */
#submenu	{clear: both;}

#submenu ul	{margin: 10px 0;
	padding: 3px 0 0;
	font-size: 12px;}

#submenu li	{display: inline;
	list-style-type: none;}

#submenu a	{color: #ffffff;
	font-weight: bold;
	border-right: solid 1px #ffffff;
	padding-right: 6px;
	margin-right: 3px;
	text-decoration: none;}
#submenu li a:hover	{color: #000000;
	background-color: #ffffff;}


#submenu li:last-child a	{border: none;}

#submenu li + li + li + li a	{border: none;}


/* コピーライト */
small	{font-size: 12px;
	font-weight: bold;
	display: block;}