@charset "utf-8";
/*
Theme Name: CreativePocket
Theme URI: http://www.vish-creative.jp/
Description: VISH,Inc. CreativePocket theme
Version: 1.0
Author: Hidekazu Ishikawa
Author URI: http://www.vish.co.jp/
Tags: white, custom header, fixed width, three columns, widgets
*/

/*---------------------------------------------*/
/* 	reset
/*---------------------------------------------*/
/* 	#blog-head
/*---------------------------------------------*/
/*  #header
/*---------------------------------------------*/
/* 	#main
/*---------------------------------------------*/
/* 		.postmetadata
/*---------------------------------------------*/
/* 		#commentBox 
/*---------------------------------------------*/
/* 	.sidebar
/*---------------------------------------------*/
/* 	#servicefoot	
/*---------------------------------------------*/
/* 	#footer
/*---------------------------------------------*/


/*---------------------------------------------*/
/* 	reset
/*---------------------------------------------*/

*    { margin: 0px; padding: 0px; font-size: 100%; }
body { color: #666; font-size: 88%; line-height: 1.6em; font-family: "ＭＳ Ｐゴシック", sans-serif; text-align: center; margin:0px; padding:0px; }
hr	{	display:none; clear:both ; }
img	{ border: none; vertical-align: bottom; }
ul, ol    { list-style: none; }
p, li, dt, dd,
th, td    { text-align: justify; text-justify: inter-ideograph; margin:0px;padding:0px; }
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form {
font-size:1em;margin:0;padding:0;text-align:left;}
div { display:block; overflow:hidden; position:relative; text-align:left; }
a         { overflow: hidden; }
a:link    { color:#669900; text-decoration: none; }
a:visited { color:#006600; text-decoration: none; }
a:hover, 
a:active  { color: #ff0000; text-decoration: underline; }





body { background:url(images/body-bg.gif) left 36px repeat-x ; }

/*---------------------------------------------*/
/* 	#blog-head
/*---------------------------------------------*/

#blog-head{ border-bottom:1px solid #999; background:url(images/blog-head-bg.gif) left bottom repeat-x #fff;width:100%; }
#blog-head dl#blog-head-link		{ float:left; width:600px;}
#blog-head dl#blog-head-link dt,
#blog-head dl#blog-head-link dd		{ display:inline; }
#blog-head dl#blog-head-link ul,
#blog-head dl#blog-head-link ul li	{ display:inline; padding-right:15px; }
#blog-head #blog-head-corporate		{ float:right;text-align:right }


/*---------------------------------------------*/
/* 	#header	
/*---------------------------------------------*/
#header { width:900px; height:186px; margin:0px auto; background:url(images/header-bg.gif) center 65px no-repeat; }
#header-logo { margin:25px 25px 5px; }
#header-logo a{ display:block; overflow:hidden; text-indent:-9999px;width:347px; height:90px; }
#header-description { height:37px;position:relative; left:0px; color:#fff; font-size:0.88em; line-height:300%; }
#header #bt-home	{ position:absolute; top:45px; left:680px; }

#container { width:900px;margin:0px auto; padding-top:20px;background:url(images/container-bg.gif) center top repeat-y; }




/*---------------------------------------------*/
/* 	#main
/*---------------------------------------------*/
#main { margin-bottom:15px; float:left;left:180px; width:540px; }
#main #mainInner { padding-bottom:15px; width:540px;}
#main h2{ border-left:1px solid #98BF4B; padding:0px 10px; margin-bottom:5px; font-weight:bold; font-size:1.4em; position:relative;left:1px; }

#main .entry	{ width:540px;padding-bottom:20px;margin-bottom:25px; background:url(images/entry-bottom.gif) left bottom repeat-x; }
#main .entry h2 a { color:#000; }
#main .entry h2 a:hover { color:#0099CC; text-decoration:underline; }
#main .entry p { margin-bottom:1em; line-height:1.5em; }
#main .entryInner ul { padding:0px 0px 15px 20px; }
#main .entryInner ul li { list-style-type:circle; line-height:2em; margin-bottom:0.5em; padding:0px; background:none; }
#main .entryInner { width:516px; position:relative; left:12px; }

#main .entryInner h2 { color: #444444; font-size: 18px; font-weight:bold; padding: 5px 0px 5px 0px; margin: 25px 0px 5px 0px; border-top: 1px solid #4C666A;border-bottom: 1px solid #4C666A; font-weight:bold; border-left:none; }
#main .entryInner h3 { color: #444444; font-size: 16px; font-weight: normal; margin: 20px 0px 10px 0px; padding: 0px 0px 3px 0px; font-weight:bold; border-bottom:1px dotted #ccc; }
#main .entryInner h4 { color: #444444; font-size: 14px; font-weight: normal; margin: 15px 10px 0px;font-weight:bold; }
#main .entryInner h5 { color: #444444; font-size: 12px; font-weight: normal; margin: 25px 10px 0px 0px; padding: 10px 0px 10px 0px; font-weight:bold; }
#main .entryInner dl	{ margin:0px 10px 10px; }
#main .entryInner dl dt { color: #444444; font-size: 12px; font-weight: normal;font-weight:bold; margin:0px 0px 7px; }
#main .entryInner p	{ padding:0px 10px 10px; }
#main .entryInner .boxGray	{ border:1px solid #ccc; background-color:#f5f5f5;padding:10px 10px 5px; }



/*
#main .entry pre { line-height:1.3em; border:1px solid #ccc; background-color:#fcfcfc; padding:10px; margin-bottom:15px; }
*/
#main .post-info { font-size:0.8em; padding-bottom:15px;}
#main .post-info .post-date { border:1px solid #ccc; padding:2px 2px 0 4px; line-height:1.6em; }
#main .post-author { text-align:right; font-size:0.88em; }
#main .post-author a.h_ishikawa	{ color:#0099CC; }
#main .post-author a.m_kato		{ color:#E54865; }
#main .post-author a.h_takigami	{ color:#885B9E; }
#main .post-author a.y_niimi	{ color:#FF7E00; }
#main .post-author a.s_ozeki	{ color:#E873AA; }
#main .post-author a.y_ito		{ color:#006600; }
#main .post-author a:hover { color:#ff0000; }
#main .post-author a img { margin-left:4px; }

#main div#archiveDescription { width:512px; left:12px; margin-top:10px; background-color:#efefef; }
#main div#archiveDescription p { padding:5px; border:1px dotted #ccc; }

#main .entryList { margin-top:20px; margin-left:10px; }
#main .entryList li { background:url(images/side-list-sub-bg.gif) left 9px no-repeat; padding-left:13px; margin-bottom:15px; font-size:1.1em; font-weight:bold;}
#main .entryList li a { border-bottom:1px dotted #999; }
#main .entryList li a:hover { text-decoration:none; }
#main .entryList li .entryListData { font-size:0.8em; color:#999; line-height:1.1em; display:block; font-weight:lighter; }
#main .entryList li .entryListData a { color:#999; }
#main .entryList li .entryListData a:hover { color:#FF0000; }

#main a.more-link { padding:8px 0px; text-decoration:underline; }
#main .navigation { padding:5px 10px; }
#main .pageTop { text-align: right; padding-right:10px; font-size:0.88em;}

#main .alignleft { width:50%; float:left;}
#main .alignright { width:50%; float:right; text-align:right;}

/* 		.postmetadata
/*---------------------------------------------*/
.postmetadata	{ border-top:1px solid #ccc; font-size:0.88em; padding:5px 0px; margin-top:10px; }
.postmetadata .comment-count { background:url(images/icon-comment.gif) left 0px no-repeat; padding-left:15px; }
.postmetadata .postmeta-tag dt,
.postmetadata .postmeta-tag dd { display:inline; }
.postmetadata .postmeta-tag dt { font-weight:bold; background:url(images/icon-tag.gif) left top no-repeat; padding-left:12px; }
.postmetadata .postmeta-tag dd a { color:#666666; text-decoration:underline; }
.postmetadata .postmeta-tag dd a:hover { color:#FF3300; }


/* 		#commentBox
/*---------------------------------------------*/
h3#comments { margin:0px 0px 20px; background-color:#efefef; padding:2px 8px; }
#respond { margin:20px 0px 10px; }
#commentform textarea { width:505px; }
#commentform p.btn{ text-align:center; margin-top:5px; }
#commentform p.btn input { border:2px solid #ccc; background-color:#efefef; padding:5px; }




/*---------------------------------------------*/
/* 	.sidebar
/*---------------------------------------------*/
.sidebar { width:180px; padding-bottom:30px; }
.sidebar-left	{ float:left;left:-540px; }
.sidebar-right	{ width:177px; overflow:hidden;}
.widget { margin-bottom:20px; }
.widget .widgettitle { color:#000; padding:2px 5px 0px 20px; margin-bottom:10px; background:url(images/sidebar-title-bg.gif) left 3px no-repeat ; line-height:140%;  }

.sidebar ul 			{ margin:0px;font-size:0.88em; }
.sidebar-right .widget .widgettitle { margin-left:5px; }
.sidebar-right ul  { margin:5px 0px 0px;padding:0px 8px; }
.sidebar-right ul li { margin-bottom:10px; line-height:130%; }
.sidebar-right ul.banner 	{ padding:0px 0px; }
.sidebar-right ul.banner li { padding: 0px 0px 5px 3px;margin:0px; }
#mycategoryorder #sideRss	{ margin:15px 5px 0px; }
#mycategoryorder ul 		{ padding-left:3px; }
#mycategoryorder ul li		{ background:url(images/side-list-top-bg.gif) left 7px no-repeat; padding:5px 0 4px 17px; display:block; line-height:150%; }
#mycategoryorder ul li a	{ padding:0px; color:#666;}
#mycategoryorder ul li a:hover	{ color:#FF3300; text-decoration:underline; }
#mycategoryorder ul li ul	{ padding:5px 0px 5px;margin:0px 0px 0px; }
#mycategoryorder ul li ul li{ background:url(images/side-list-sub-bg.gif) 0px 7px no-repeat; border:none; padding:3px 0px 2px; }
#mycategoryorder ul li ul li a	{ padding:0px 0px 0px 8px; }

.wp-tag-cloud-outer { padding:10px 5px 0px; }
.st-tag-cloud 		{ padding:10px 5px 0px; }
#archives ul li			{ background:url(images/side-list2-top-bg.gif) 3px 5px no-repeat; padding-left:20px;padding-right:8px; }
#archives ul li a 		{ color:#666666; }
#archives ul li a:hover	{ color:#FF3300; text-decoration:underline; }

/*---------------------------------------------*/
/* 	#servicefoot
/*---------------------------------------------*/
#servicefoot { background-color:#333; padding:25px 0px 10px; text-align:center; display:block; overflow:hidden; width:100%; }
#sf-container { width:900px; margin:0px auto; text-align:left; }
#sf-container dl { font-size:0.8em; width:180px; float:left; }
#sf-container dl dt { background:url(images/service-foot-icon.gif) left 6px no-repeat; border-bottom:1px dotted #64B0FF;margin-right:15px; }
#sf-container dl dt span { margin-left:14px;color:#64B0FF; }
#sf-container dl dt span a{ color:#64B0FF; }
#sf-container dl dd 	{ padding:10px 0px; line-height:1.5em; }
#sf-container dl dd ul	{ margin-bottom:12px; }
#sf-container dl dd li a { color:#fff;}
#sf-container dl dd li a:hover { color:#FF3300; text-decoration:underline; }

#sf-container dl#sitemaster { width:360px; }
#sf-container dl#sitemaster ul { width:180px; float:left; } 
#sf-container dl#sitemaster ul li { margin-right:15px; }

/*---------------------------------------------*/
/* 	#footer
/*---------------------------------------------*/
#footer { clear:both; background-color:#000; color:#fff;padding:20px 10px; font-size:0.88em; text-align:center; }
#footer dl { width:900px; margin-bottom:20px; display:block; overflow:hidden;margin:0px auto; text-align:left; }
#footer dl dt { float:left; width:70px; }
#footer dl dd { color:#999; line-height:1.3em; }
#footer p#copy { width:900px; margin:15px auto 20px; text-align:left; }

/*
#ymp-player #ymp-body .ymp-skin	{ background-image:url(/wp/wp-content/themes/CreativePocket/mediaplayer.png); background-repeat:no-repeat;  }
#ymp-body-base #ymp-body-strip { background-color:#fff; }
#ymp-body-base #ymp-relevance { border:1px solid #ff0000;display:none; }
#ymp-body-base #ymp-body a#ymp-btn-max	{ border:1px solid #ff0000; }
*/