/*** お子ブルー ***/

@import "/common/common.css";

/***

テンプレート：お子ブルー

＜基本使用色＞
薄　#DEEBF7
↑　#0033CC
濃　#00248F

***/

body {
background-image:url(/files/blog/images/10/0808/320_L.jpg);
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka;
	margin: 0 0 20px 0;
	background-color: #DEEBF7;
	text-align:center;
	font-size:14px;
}

#container {
	line-height: 140%;
	width:702px;
	border:0 solid #999;
	background-color:#FFF;
	text-align:center;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

#header {
	text-align:left;
	background-image: url('http://img.okolog.com/files/blog/images/10/0806/248_L.jpg');	height:150px;
	border-bottom:1px solid #999;
}

#header h1 {
	font-size:22px;
	color:#FFF;
	margin:0;
	padding:5px;
	background-color:#00248F;
	width:300px;
	text-align:center;
	position:relative;
	top:10px;
}

#header h1 a:link,
#header h1 a:visited {
	color:#FFF;
	text-decoration:none;
}

#header .blog_description {
	font-size:13px;
	margin:5px 5px 0px 10px;
	color:#0033CC;
	width:430px;
	position:relative;
	top:10px;
}

#menu {
	float:left;
	text-align:left;
	background-color:#FFF;
	width:180px;
	overflow: hidden;
}

#sidebar {
	background-color:#FFF;
	margin:15px 5px 5px 5px;
}

#sidebar .menu_header {
	text-align:left;
	font-weight:bold;
	font-size:14px;
	margin:5px 10px 5px 10px;
	padding:0 0 0 5px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
}

#sidebar .menu_ul {
	margin-top:10px;
}

#sidebar .menu_li {
	margin-left: 40px;
}

#sidebar .rec_img_ul {
	margin:0 0 20px 0;
}

#sidebar .rec_img_li {
	text-align:center;
	list-style-type: none;
}

#sidebar .rec_img_li img{
	border:1px solid #999;
}

#sidebar .profile_ul {
	margin:0;
}

#sidebar .profile_li {
	text-align:center;
	list-style-type:none;
	margin:0;
}

#sidebar .rss {
	text-align:center;
	margin:10px;
}

#main {
	float:left;
	text-align:left;
	background-color:#FFF;
	width:520px;
	overflow: hidden;
}

#content {
	margin:15px 5px 5px 5px;
	background-color:#FFF;
}

#content .entry_title {
	font-size:16px;
	font-weight: bold;
	margin:10px 0 10px 0;

	border-left-color: #00248F; /* 左枠の色 */
	padding:6px 4px 6px 6px; /* 余白の幅 */
	border-style: solid; /* 枠の種類 */
	border-width: 0 0 0 6px; /* 枠の幅 */
}

#content .category_title {
	text-align:center;
	font-size:20px;
	background-color:#FFF;
}

#content .category_description {
	font-size:12px;
	text-align:center;
	background-color:#FFF;
	margin:0 0 20px 0;
}

#content h2 a:link,
#content h2 a:visited {
	color:#000;
	text-decoration:none;
}

#content h3 a:link,
#content h3 a:visited {
	color:#000;
	text-decoration:none;
}

#content img {
	border:1px solid #999;
}

#content .entl_box {
	background-color:#FFF;
}

#content .entl_content {
	margin-right:10px;
}

#content .clear {
	clear:both;
}

#content .entry_body {
	margin:0 5px 20px 5px;
	font-size:14px;
	line-height:170%;
}

#content .posted {
	text-align:right;
	font-size:12px;
	color:#999;
	margin:8px;
	border-top:1px solid #999;
}

#content .bread {
	font-size:12px;
	color:#999;
	border-bottom:1px dashed #999;
	padding:0 5px 3px 5px;
	margin:0 0 10px 0;
}

#content .entry_tb_box {
	background-color:#FFF;
	margin:5px 5px 20px 5px;
}

#content .entry_tb_title {
	font-size:16px;
	margin:15px 5px 10px 0;
	padding:3px 3px 3px 10px;
	background: url('/common/skins/1/1_bg_dot.gif');
}

#content .entry_tb_url {
	text-align:center;
	margin:10px 0 20px 0;
}

#content .entry_tb_text {
}

#content .entry_comment_box {
	background-color:#FFF;
	margin:5px 5px 20px 5px;
	overflow:hidden;
}

#content .entry_comment_title {
	font-size:16px;
	margin:15px 5px 10px 0;
	padding:3px 3px 3px 10px;
	background: url('/common/skins/1/1_bg_dot.gif');
}

#content .entry_comment_text {
	overflow:hidden;
	width:100%;
}

#content .profile_table {
	width:400px;
}

#content .profile_table th,td {
	font-size:14px;
	padding:8px;
}

#content .pageNavi {
	text-align:center;
	margin:5px 10px 15px 10px;
	padding:5px;
	background-color:#E7EFFF;
	font-size:12px;
}

#footer {
	clear:both;
	text-align:center;
	margin-top:5px;
}

/*** フォントサイズ指定ここから ***/
.x-large {
	font-size:24px;
}
.large {
	font-size:18px;
}
.medium {
	font-size:14px;
}
.small {
	font-size:12px;
}
.x-small {
	font-size:10px;
}
/*** フォントサイズ指定ここまで ***/