/* --------------------------------------------------
	2006/011/29
	「Glyph-On!」
 --------------------------------------------------- */

/* べース */
*{ margin:0;padding:0;}
img{border:none;vertical-align:top;}
.clear{clear:both;}
p {margin:0;padding:0;}

a:link {color:#41b9d4;text-decoration:none;}
a:visited {color:#41b9d4;text-decoration:none;}
a:active {color:#41b9d4;text-decoration:none;}
a:hover {color:#41b9d4;text-decoration:underline; }

/* フォントカラー */
.font-color-gray {
	color:#888888;
	}

.font-color-orange {
	color:#FF9933;
	}
	
.font-color-red {
	color:#FF0000;
	font-weight:bold;
	}
	
/* フォントスタイル（継承） */
.fry_xx {
	FONT-FAMILY: 'qMmpS ProW3',HiraginoKakuGothicPro,Osaka,Verdana,'lr SVbN','fantasy','cursive'
}
.fry_xx1 {
	FONT-SIZE: 12px; FONT-FAMILY: 'qMmpS ProW3',HiraginoKakuGothicPro,Osaka,Verdana,'lr SVbN','fantasy','cursive'
}
.fry_xx2 {
	FONT-SIZE: 10px; FONT-FAMILY: 'qMmpS ProW3',HiraginoKakuGothicPro,Osaka,Verdana,'lr SVbN','fantasy','cursive'
}
.fry_xx3 {
	FONT-FAMILY: F21B1D10,'A-OTF VS Pro H','fantasy','cursive'
}
.fry_xx4 {
	FONT-SIZE: 14px; FONT-FAMILY: 'qMmpS ProW3',HiraginoKakuGothicPro,Osaka,Verdana,'lr SVbN','fantasy','cursive'
}
.fry_xx5 {
	FONT-SIZE: 22px; FONT-FAMILY: F21B1D10,'A-OTF VS Pro H','fantasy','cursive'
}
.fry_xx6 {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; COLOR: #0184a5; FONT-FAMILY: 'qMmpS ProW3',HiraginoKakuGothicPro,Osaka,Verdana,'lr SVbN','fantasy','cursive'
}
	
/* 	ボディー */
body {
	margin:0;
	padding:0;
	text-align:left;
	background-color:#ffffff;
	font:80%/1.5em "ＭＳ Ｐゴシック", Osaka;
	color:#222222;
	}

/* 全体--------------------------------------------- */
#content {
	padding:0 211px;
	}
	
#pagebody {
	padding:10px 211px 0 211px;
	}
	
#content-entry,#content-category {
	padding:0  8px 0 211px;
	}

/* header */
#header {
	width:99%;
	height:125px;
	background:url(img/header_bg.jpe) repeat-x;
	}

#header-l {
	width:695px;
	height:125px;
	background:url(img/header_01_2.jpg) no-repeat;
	position:absolute;
	top:0;
	left:0;
	}
	
#header-r {
	width:161px;
	height:125px;
	background:url(img/header_02.jpe) no-repeat;
	position:absolute;
	top:0;
	right:0;
	}
	
#header-glyph {
	padding:5px 0 0 16px;
	width:164px;
	height:30px;
	background:url(img/header_01_g.jpe) no-repeat;
	position:absolute;
	top:21px;
	left:500px;	
	}
	
#header-glyph h2{
	font-size:14px;
	}
	
/* entry */
.entry {
	padding-bottom:50px;}

.entry-date {
	padding:5px 0 1px 8px;
	font-family:'ヒラギノ角ゴ ProW3',HiraginoKakuGothicPro,Osaka,Verdana,'ＭＳ ゴシック','fantasy','cursive';
	background-color:#FFFFFF;
	color:#666;
	clear:both;
	}

.entry-title,#banner-inner{
	padding:2px 5px;
	border-top:#00008b solid 1px;
	border-bottom:#00008b solid 1px;
	background-color:#eee;
	color:#00008b;
	font-size:16px;
	}
	
#banner-inner h1 {
	font-size:14px;
	font-weight:normal;
	}
	
#banner-inner a{
	color:#00008b;
	}
	
.entry-body,.comments-body,.trackback-body {
	padding:10px;
	}
	
.comments-body,.trackback-body {
	border-bottom:1px dotted #999999;
	}
	
.entry-foot {
	padding-right:20px;
	border-top:#00008b solid 1px;
	color:#666;
	text-align:right;
	}
	
.entry-foot a{
	color:#666;
	}
	
/* footer */
#footer {
	border-top:#666 solid 1px;
	color:#666;
	text-align:center;
	}
	
#footer a{
	color:#666;
	}
	
/* sidebar-left */
#sidebar-left {
	width:199px;
	background:#fe9f35;
	position:absolute;
	top:127px;
	left:4px;
	}	

#sidebar-left .side-box {
	padding-bottom:8px;
	background:url(img/Side-bottom.gif) no-repeat bottom;
	}
		
#sidebar-left .side-title-top {
	width:199px;
	height:36px;
	background:url(img/Side-Head-top.jpe) no-repeat
	}
	
#sidebar-left .side-title {
	width:199px;
	height:36px;
	background:url(img/Side-Head-mid.jpe) no-repeat;
	}
	
#sidebar-left .side-title2 {
	width:199px;
	height:5px;
	background:url(img/Side-head-top2.gif) no-repeat;
	overflow:hidden;
	}
	
.side-title-top p{
	padding:13px 0 0 33px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	}
	
.side-title p{
	padding:11px 0 0 33px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	}
	
#sidebar-left .side-body {
	padding:7px 14px;
	background:url(img/Side-Body.gif) repeat-y;
	}
	
#sidebar-left .side-body2 {
	background:url(img/Side-Body.gif) repeat-y;
	}
	
#sidebar-left .side-body3 {
	padding:7px 14px;
	background:url(img/Side-Body.gif) repeat-y;
	}
	
#sidebar-left .side-box2 {
	background:url(img/Side-head-top2.gif) no-repeat;
	}
	
#sidebar-left .side-box3 {
	}
	
.side-body ul li,.side-body3 ul li{
	list-style:none;
	}

#sidebar-left .side-header {
	background:url(img/Side-head-top2.gif) no-repeat;
	}
	
#sidebar-left .side-other{
	background: #FFFFFF url(img/Side-Body.gif) top;
	height:5px;
	overflow:hidden;
	}
	
#sidebar-left .side-under{
	overflow:hidden;
	height:15px;
	background:url(img/Side-Body.gif) repeat-y;
	}


/* sidebar-right */
#sidebar-right {
	width:199px;
	background:#41b9d4;
	position:absolute;
	top:127px;
	right:4px;
	}	

#sidebar-right .side-box {
	padding-bottom:8px;
	background:url(img/Side2-bottom.gif) no-repeat bottom;
	}
	
#sidebar-right .side-title-top {
	width:199px;
	height:36px;
	background:url(img/Side2-Head-top.jpe) no-repeat
	}
	
#sidebar-right .side-title {
	width:199px;
	height:36px;
	background:url(img/Side2-Head-mid.jpe) no-repeat;
	}
		
#sidebar-right .side-body {
	padding:7px 14px;
	background:url(img/Side2-Body.gif) repeat-y;
	}
	
#sidebar-right .side-box2 {
	background:url(img/Side2-head-top2.gif) no-repeat;
	}
	
.side-header {
	background:url(img/Side2-head-top2.gif) no-repeat;
	}

	
#sidebar-right .side-under{
	overflow:hidden;
	height:15px;
	background:url(img/Side2-Body.gif) repeat-y;
	}
	
	
	
/* option */
.calender {
	color:666;
	line-height:140%;
	font-family:Verdana,Helvetica,Airal,sans-serif,'fantasy','cursive';
	text-align:center;
	font-size:10px;
	color:#888;
	}
	
.navi {
	padding:20px;
	}
	
.trackback,.comments,.comments-entry {
	padding-top:30px;
	}
	
.option-head {
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #666;
	}
	
/* 検索 */
#alpha-inner h3 {
	font-size:14px;
	font-weight:normal;
	padding-bottom:10px;
	}
	
#alpha-inner h2 {
	margin-top:10px;
	font-size:14px;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:10px;
	border-top:1px dotted #aaa;
	}


/* top */
div.entry-h2 {
	background:url(img/title-background.jpg) no-repeat left top;
	text-align:left;
	height:102px;
	position:relative;
	}
	
div.entry-h2 h2{
	margin:0;
	padding:0;
	height:auto;
	width:auto;
	text-align:left;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	position:absolute;
	top:15px;
	left:50px;
	}
	
div.entry-h2 h2 a{
	color:#FFFFFF;
	}	
	
div.entry-h2 p{
	clear:both;  
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	position:absolute;
	top:45px;
	left:25px;
	}	


div.con-out {
	width:100%;
	float:left;
	text-align:center;
	padding:0 0 20px 0;
	}
	
div.con-box {
	background:url(img/con-foot_middle.jpg) repeat-x bottom;
	margin:0 20px;
	text-align:left;
	}
	
div.con-body {
	background:#fff url(img/con-body_left.jpg) repeat-y left top;
	height:120px;
	}
	
div.con-body-inner {
	background:url(img/con-body_right.jpg) repeat-y right top;
	height:120px;
	padding:0 10px;
	}
	
div.con-title {
	background:url(img/con-title_middle.jpg)  repeat-x;
	height:51px;
	}
	
div.con-title-inner {
	background:url(img/con-title_left.jpg) no-repeat left top;
	height:51px;
	}
	
div.con-box h3 {
	margin:0;
	padding:0 0 0 40px;
	background:url(img/con-title_right.jpg) no-repeat  right top;
	height:51px;
	line-height:51px;
	border:none;
	color:#fff;
	}
	
div.con-body ul{
	}
	
div.con-body ul li{
	list-style:none;
	background:url(img/list.jpg) no-repeat left center;
	padding:5px 0 5px 25px;
	border-bottom:1px dotted #aaa;
	}
	
div.con-foot {
	background:url(img/con-foot_left.jpg) no-repeat left top;
	height:23px;
	}
	
div.con-foot-inner {
	background:url(img/con-foot_right.jpg) no-repeat right top;
	height:23px;
	}
	
div.ct-btn {
	width:33%;
	background:url(img/btn-back_middle.jpg) repeat-x left top;
	height:95px;
	text-align:center;
	float:left;
	}
	
div.ct-btn-inner {
	background:url(img/btn-back_left.jpg) no-repeat left top;
	height:95px;
	}
	
div.ct-btn-inner h4{
	background:url(img/btn-back_right.jpg) no-repeat right top;
	height:95px;
	}
	
div.ct-btn a{
	display:block;
	height:95px;
	position:relative;
	}
	
a.txt-link {
	line-height:95px;
	}


.floatRight {
	float:right;
	}
	
.floatLeft {
	float:left;
	}


/* 透過pngを利用する場合 IE6用 パターン1
==========================================================*/
div#logo-stepit,
div#logo-fontbank{
	width:150px;
	height:85px;
	margin:0 auto;
	}
	
div.alpha-btn{
	padding-top:7px;
	}
	
div#logo-stepit{
	background:url(img/logo-stepit.png) no-repeat;
	}
	
div#logo-fontbank{
	background:url(img/logo-fontbank.png) no-repeat;
	}
	
div#logo-stepit a,
div#logo-fontbank a {
	height:auto;
	}
	
* html div#logo-stepit{
	background:none;
	background-position:0 18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
	(src=img/logo-stepit.png);
	}
	
* html div#logo-fontbank{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
	(src=img/logo-fontbank.png);
	}