@charset "euc-jp";

/* IMPORT 2008.12.17 :-) ¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£*/ 
@import url(base2.css); /* µìcss */


/* °ì³çÀßÄê ¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£ */ 
*{
	margin: 0px;
	padding: 0px;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	color: #333;
	/*color: #959494;*/
	line-height: 1.3em;
	/*letter-spacing: 0.1em;*/
}
a{ outline-style: none;}
a:link{ color: #DEA200;}
a:visited{ color: #DEA200;}
a:hover{ color: #009ED2;}
a:active{ color: #009ED2;}
a img{ border: none;}

li{ list-style: none;}
li a{ word-break: break-all;}

/*html{ filter: expression(document.execCommand("BackgroundImageCache", false, true));}*/

body{ background: url(../../images/bg.gif);	font-size: 12px;}
/* IE7 */
*:first-child+html body{ font-size: small;}
/* IE6 */
* html body{ font-size: small;}



/* MAIN CONTENTS ¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£ */ 

div#wapper{ position: relative;}

div#contents{
	position: absolute;
	top: 190px;
	left: 0px;
}
div#mainContents{
	width: 762px;
	clear: both;
}
div#mainContents h2{
	background: url(../images/blogimg_top.gif) no-repeat;
	width: 762px;
	height: 50px;
	text-indent: -1000em;
    text-decoration: none;
}
div#mainContents h3{
	background: url(../images/blogimg_bottom.jpg) no-repeat;
	width: 762px;
	height: 231px;
	text-indent: -1000em;
    text-decoration: none;
	margin-bottom: 10px;
}
div#mainContents h3.b2009{
	background: url(../images/blogimg_bottom_2009.jpg) no-repeat;
}


/*FLOATÀßÄê
---------------------------------------------------- */ 
div#leftContents{
	float: left;
	width: 229px;
}
div#rightContents{
	float: right;
	width: 519px;
}

div#mainContents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#mainContents { display: inline-block;}
/* Hides from IE-mac \*/
* html div#mainContents { height: 1%;}
div#mainContents { display: block;}
/* End hide from IE-mac */ 


/*LEFT CONTENTS
---------------------------------------------------- */ 

/* ¶¦ÄÌ */
div#leftContents div{
	background: url(../images/blog_left_line.gif) repeat-y;
}
div#leftContents div dl{
	background: url(../images/blog_left_bottom.gif) center bottom no-repeat;
	padding-bottom: 15px;
}
/* TRY */
div#leftContents div.try dt{
	background: url(../images/blog_left_top1.gif) no-repeat;
	margin-top: 10px;
	text-indent: -1000em;
    text-decoration: none;
	height: 36px;
}
div#leftContents div.try dd.info{ padding: 10px 15px 0px;}
div#leftContents div.try dd.wmp{ padding:  0px 15px; color: #DEA200;}
div#leftContents div.try dd.pcListen{
	text-align: center;
	margin-top: 10px;
	padding-bottom: 5px;
	background: url(../images/blog_left_dot.gif) center bottom no-repeat;
}
div#leftContents div.try dd.mobile{
	background: url(../images/qr.jpg) no-repeat right top;
	padding-right: 78px;
	width: 130px;
	margin-left: 15px;
	padding-top: 5px;
}

/* SCHEDULE */
div#leftContents div.schedule dt{
	background: url(../images/blog_left_top2.gif) no-repeat;
	margin-bottom: 10px;
	text-indent: -1000em;
    text-decoration: none;
	height: 36px;
}
div#leftContents div.schedule dd{
	padding: 5px 15px;
}
div#leftContents div.schedule dd.title{
	border: 1px solid #999;
	margin: 5px 10px 2px;
	padding: 3px 5px;
	background-color: #f0f0f0;
	color: #666;
}

/* COLUMN */
/*div#leftContents div.column dt{*/
div#leftContents div.column p.cap{
	background: url(../images/blog_left_top3.gif) no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 36px;
	text-indent: -1000em;
    text-decoration: none;
}
div#leftContents div.column dt{
	font-weight: bold;
	color: #009ED2;
	margin-left: 10px;
}
div#leftContents div.column dt.info{
	background: url(../images/blog_left_dot.gif) no-repeat -10px top;
	padding-top: 10px;
	margin-top: 10px;
}

div#leftContents div.column dt span.title{ color: #009ED2;}
div#leftContents div.column dt span.title{
	float: left;
	margin-right: 25px;
	display: inline;
}

div#leftContents div.column dt a{
    text-indent: -1000em;
    text-decoration: none;
    background: url(../images/btn_column.gif) no-repeat left top;
    width: 119px;
    height: 18px;
    display: block;
	float: left;
}
div#leftContents div.column dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#leftContents div.column dl { display: inline-block;}
/* Hides from IE-mac \*/
* html div#leftContents div.column dl { height: 1%;}
div#leftContents div.column dl { display: block;}
/* End hide from IE-mac */ 

div#leftContents div.column dt a:hover{ background-position: right;}
div#leftContents div.column dd{
	padding: 3px 15px;
	clear: both;
}
div#leftContents div.column br.clr{
	line-height: 0.2em;
	clear: both;
}

/*RIGHT CONTENTS
---------------------------------------------------- */ 
div#rightContents div.item{
	background: url(../images/blog_contents_line.gif) center top repeat-y;
	margin-bottom: 10px;
}
div#rightContents div.item h4{
	background: url(../images/blog_contents_top.gif) center top no-repeat;
	padding: 10px 13px 0px 13px;
}
div#rightContents div.item h4 *{ font-size: small;}
div#rightContents div.item h4 span.date{
	color: #009ed2;
	display: block;
}
div#rightContents div.item h4 strong{
	color: #ff9000;
	background: url(../images/blog_contents_dot1.gif) center bottom no-repeat;
	display: block;
	padding-bottom: 5px;
}
div#rightContents div.item div.txt{
	background: url(../images/blog_contents_dot2.gif) center bottom no-repeat;
	padding: 10px 20px;
	line-height: 1.5em;
}
/* BLOGÆâ¼Ì¿¿ÀßÄê */
div#rightContents div.item div.txt div.leftbox{
	float: left;
	margin: 0px 10px 10px 0px;
}
div#rightContents div.item div.txt div.rightbox{
	float: right;
	margin: 0px 0px 10px 10px;
	font-size: 11px;
}

div#rightContents div.item div.txt div.txtmore{
	margin: 1em 0 0 0;
}

div#rightContents div.item div.txt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#rightContents div.item div.txt { display: inline-block;}
/* Hides from IE-mac \*/
* html div#rightContents div.item div.txt { height: 1%;}
div#rightContents div.item div.txt { display: block;}
/* End hide from IE-mac */ 

div#rightContents div.item div.txt .thumbnail{ margin: 0.5em 0;}


/* ¥«¥Æ¥´¥ê¡¦¥³¥á¥ó¥È */
div#rightContents div.item div.com{
	clear: both;
	background: url(../images/blog_contents_bottom.gif) center bottom no-repeat;
	padding: 10px 10px 20px 10px;
	text-align: right;
	min-height:13px;
	height: auto !important;
	height: 13px;
}
div#rightContents div.item span.cat,
div#rightContents div.item span.com{ margin-right: 1em;}
div#rightContents div.item span.cat{
	background: url(../images/icon_cat.gif) no-repeat left center;
	padding-left: 14px;
}
div#rightContents div.item span.cat a{ margin-left: 0.2em;}
div#rightContents div.item span.com{
	background: url(../images/icon_com.gif) no-repeat 13px center;
	padding-left: 25px;
	border-left: 1px dotted #2e2e2e;
}
div#rightContents div.category_title {
	width:493px;
	height:25px;
	margin-bottom:10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	background:url(../images/t_bg.gif) no-repeat;
	padding:7px 0 0 25px;
}
div#rightContents div.backnumber2009{
	margin-top: -10px;
	width:518px;
	height:30px;
	text-align:right;
}
div.comment-yet{ text-align: center; padding-bottom: 20px;}

/* µ­»ö²¼°ìÍ÷¤ØÌá¤ë¥Ü¥¿¥ó */
div.articlelistlink {
	width:230px;
	height:13px;
	margin:5px auto;
	padding:8px 0 12px;
	background:url(../images/article_listlink_230.gif) no-repeat left top;
	font-family:'Meiryo','¥á¥¤¥ê¥ª','Hiragino Kaku Gothic Pro','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','£Í£Ó £Ð¥´¥·¥Ã¥¯','£Í£Ó ¥´¥·¥Ã¥¯' Osaka,'Osaka-ÅùÉý',sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:13px;
	letter-spacing:0.04em;
	text-align:center;
	cursor:pointer;
}

div.wide {
	width:280px;
	background:url(../images/article_listlink_280.gif) no-repeat left top;
}

div.wide2 {
	width:300px;
	background:url(../images/article_listlink_300.gif) no-repeat left top;
}

div.articlelistlink a{
	color:#ff9000;
    text-decoration:none;
}

div.articlelistlink a:hover{
	color:#ff9000;
    text-decoration:underline;
}

/* ¥½¡¼¥·¥ã¥ë¥Ü¥¿¥ó */
div.sfb {
	padding: 0 0 1px;
	margin: 0;
	height: 22px;
}

div.sfb ul {
    margin:1em 0;
}

div.sfb li {
	display: inline-block;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
	margin-right:4px;
	line-height:1;
	vertical-align: top;
}

div.sfb li a span span.FBConnectButton_Text {
	line-height:1;
}



/*¥³¥á¥ó¥ÈÍó
---------------------------------------------------- */ 
/* ¥³¥á¥ó¥ÈÅê¹Æ¥Õ¥©¡¼¥à */
div.commentform{ width: 400px; margin: 0px auto;}
blockquote#pending{ text-align: center; margin-top: 1em;}
blockquote#pending strong{
	color: #f00;
	clear: both;
	display: block;
	margin-bottom: 1em;
}
div.commentform label{ font-weight: bold; margin-top: 2em;}
div.commentform textarea.formfield{ width: 400px; height: 150px;}
div.commentform input.formfield{ width: 400px;}
input#nucleus_cf_mail{ margin-bottom: 0.5em;}
input#nucleus_cf_remember{ padding-top: 3px;}
span.nucleus_cf_note{ color: #f00; font-weight: normal;}
div.commentform select{ margin-bottom: 1em;}
input.formbutton{ text-align: center; padding: 1px 5px; letter-spacing: 0.3em; margin: 1em 0px 1em 150px;}


/* FORMÆþÎÏÀ©¸Â */
div.commentform textarea.formfield{ ime-mode: active;}
input#nucleus_cf_name{ ime-mode: active;}
input#nucleus_cf_mail{ ime-mode: disabled;}


/* ¥³¥á¥ó¥È */
h5{
	border-left: 3px solid #ff9000;
	border-bottom: 1px solid #ff9000;
	margin-bottom: 10px;
	margin-top: 30px;
	padding: 5px 3px 5px 10px;
	color: #FF9000;
	font-size: 14px;
}

/* ¥³¥á¥ó¥ÈÏÈ */
div.itemcomment{
	padding: 20px 30px;
	/*border-bottom: 1px dashed;*/
}

/* Åê¹Æ¼Ô */
div.commentwrite span.user{ float: left;}
div.commentwrite span.time{ float: right;}
div.commentwrite:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.commentwrite { display: inline-block;}
/* Hides from IE-mac \*/
* html div.commentwrite { height: 1%;}
div.commentwrite { display: block;}
/* End hide from IE-mac */ 


/* ¥³¥á¥ó¥ÈËÜÂÎ */
div.commentbody{
	clear: both;
	margin: 5px 0px;
	padding: 10px;
	border: 1px dashed #333;
}

/* »þ´Ö */
div.commentinfo{ font-size: 11px;}


/* ¥Ú¡¼¥¸¥¹¥¤¥Ã¥Á */
div.pageswitch{ text-align: center;}

/* FOOTER CLEAR ¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£ */ 

div#footer{ clear: both;}