@charset "utf-8";
/*
Theme Name: WEB SUCCESS
Theme URI: http://www.web-s.biz/
Description: WEB SUCCESS
Version: 1.0
Author: WEB SUCCESS
Author URI: http://www.web-s.biz/
Tags: WEB SUCCESS
*/



/* 共通 */

body { font-size: 65%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333; text-align: center; margin: 0; padding: 0; background: #D0E7FF url(images/bg_foot.gif) repeat-x center bottom;}

small { font-family:\Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em; color:#777;}

h1 { text-decoration: none; color: #FFF; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal; font-size: 24px; text-align: left; line-height:120%; margin: 0; padding: 125px 200px 0 150px;}

h1 a, h1 a:hover, h1 a:visited { color:#FFF;}

h2 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal; font-size: 12px; text-align: left; padding:0 100px 0 100px; color: #FFF; margin: 0;}

h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 1.3em;
	color: #333; padding: 0; margin: 20px 0 0 0; text-decoration: none; text-indent: 40px;}
	
h3.pagetitle { height: 35px; width: 490px; padding: 3px 0 0 0; text-indent: 10px; display:block;
	color: #333; background: url(images/archive-img.gif) no-repeat left top;}

h3.comments { padding:0; margin:40px auto 20px; }

h3 a { color:#06C; text-decoration:none; }

h3 a:hover { color:#09c;}

h3 a:visited { color:#444; text-decoration:none; }
		
h4{font-size: 1.3em;}

h5{font-size: 1.2em;}

a { color:#039; text-decoration:none; }

a:hover { color:#09c; text-decoration:underline; }

a:visited { color:#639; text-decoration:none; }

cite { text-decoration:none; }

hr { display:none; }

ol li { list-style:decimal outside; }
		
select { width:130px; }

acronym, abbr, span.caps { cursor:help; }

acronym, abbr { border-bottom:1px dashed #999; }

acronym, abbr, span.caps{ font-size:0.9em; letter-spacing:.07em; }	

blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; }

blockquote cite { margin:5px 0 0; display:block; }

code { font:1.1em 'Courier New', Courier, Fixed; }

#searchform { margin:10px auto; padding:5px 3px; text-align:center; }

.alt { background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0; padding:10px; }

.nocomments { text-align:center; margin:0; padding:0; }

.nocomments, blockquote, strike { color:#777; }

.navigation {display:block; text-align:center; margin-top:10px; margin-bottom:60px; }






/* レイアウト・色・文字スタイル -----------------------------------*/

.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }

.alignright { float:right; }

.alignleft { float:left; }

.center { text-align:center; }

.hidden { display:none; }
	




/* 画像 ---------------------------------------------------------*/

a img { border:none; }

p img { padding:0; max-width:100%; }

img.centered { display:block; margin-left:auto; margin-right:auto; }

img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }

img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }

.mobile-image { float:left; margin-right:15px; }

	
		
/* ページ ---------------------------------------------------------*/		

#page { margin: 0 auto; padding: 0; width: 820px; text-align: left; background:url(images/page.gif) repeat-y center;}



/* ヘッダー ---------------------------------------------------------*/	
	
#header { margin: 0 auto; padding: 0; height: 180px; width: 820px;
	background: url(images/header.gif) no-repeat center top;}

#headerimg { margin:0; height:180px; width:100%;}

#headerimg .description { text-decoration:none; color:#000033;}	



	
/* コンテンツ ---------------------------------------------------------*/	

#content { font-size:1.2em;}




/* 内部---------------------------------------------------------------------------------- */	

.clear { clear:both; }
	
	
	
	
/* narrowcolumn */		

.narrowcolumn { float:left; padding:10px 0 20px 65px; margin:0 0 0; width:480px;}

.narrowcolumn .entry { line-height:1.4em; margin: 0 0 10px 0; border-bottom: 1px dashed #CCC; float: left;
	padding: 2px 0 10px 0; width: 100%;}
	
.narrowcolumn .postmetadata { text-align:center; }
	
	



/* widecolumn */		

.widecolumn { float:left; padding:0 0 20px 45px; margin:0px 0 0; width:450px; line-height:1.6em; }
	
.widecolumn .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px; }

.widecolumn .attachment { text-align:center; margin:5px 0px; }

.widecolumn .entry p { font-size:1.05em; }

.widecolumn .entry { line-height:1.4em; }	




/* post */

.post { margin:15px 0 60px 0; clear:both; /*	text-align: justify; */
}

.post hr { display:block; }

.post h3 { color:#555; height: 45px; margin: 0; text-indent: 0; padding: 10px 3px 0 55px;
	background: url(images/title-img.gif) no-repeat left top;}




/* entry */

.entry h4 { font-size:1.3em; padding:0; margin: 15px auto 5px auto; line-height: 135%;}

.entry ul { margin-left:0; padding:0 0 0 30px; list-style:none; padding-left:10px; }

.entry li { margin:5px 0; }

.entry ol { padding:0 0 0 35px; margin:0; }

.entry ol li { margin:0; padding:0; }

.entry ul li { background:url('images/ico_list_entry.gif') no-repeat 0 3px; padding:0 0 3px 18px;}

/*.entry ul li:before, #sidebar ul ul li:before { content:"\00BB \0020"; }*/

.entry form { /* This is mainly for password protected posts, makes them look betters. */ text-align:center; }

.entry { clear:both; }
		




/* postmetadata */

.postmetadata { clear:both; color:#777; padding: 5px 0 0 0;}

.postmetadata ul, .postmetadata li { display:inline; list-style-type:none; list-style-image:none;}






/* サイドバー---------------------------------------------------------------------------------- */	

#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 0 0 10px 0; margin-left: 590px; width: 190px;}

#sidebar h3 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.35em;
	text-decoration: none; margin: 5px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #FFF; text-indent: 0px;}

#sidebar #searchform #s { width:108px; padding:2px;}

#sidebar #searchsubmit { padding:1px;}
				
#sidebar form { margin:0;}
		
#sidebar ul { margin:0; padding:0;}

#sidebar ul p, #sidebar ul select { margin:5px 0 8px;}

#sidebar ul li { list-style-type:none; list-style-image:none; margin-bottom:15px;}
	
#sidebar ul li ul { margin:10px 0 0 5px;}

#sidebar ul li ul li { padding-left:18px; background: url(images/ico_list.gif) no-repeat left 3px;}

#sidebar ul ul { margin:0;}

#sidebar ul ul ul { margin:0;}
	
#sidebar ul ul li { margin:0; padding:3px 0; font-size:130%; color:#333;}
#sidebar ul ul li a:link,#sidebar ul ul li a:visited { color:#0057AE;}
#sidebar ul ul li a:hover { color:#09c; text-decoration:underline; }

	
#sidebar ul ol { margin:5px 0 0 0; padding:0;}

#sidebar ul ol li { list-style:decimal outside; margin:3px 0 0; padding:0; font-size:150%; color:#777;}

#sidebar ul ul.children { font-size: 75%;}

#sidebar .widget_rss h3 a { font-size:0.85em;}


/* バナー */

.textwidget { padding:20px 0 5px 0;}
.textwidget img { margin-bottom:0;}
.textwidget a:hover { text-decoration:underline;}



/* 最新記事 */

.rssSummary { margin:3px auto 10px auto; font-size:0.9em;}

	
/* カレンダー */
	
#wp-calendar { empty-cells:show; margin:10px auto 0; width:155px;}

#wp-calendar a { text-decoration:none; display:block;}

#wp-calendar #next a { padding-right:10px; text-align:right; font-size:9pt;}

#wp-calendar #prev a { padding-left:10px; text-align:left; font-size:9pt;}

#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align:center; width:100%;  text-decoration:none;}

#wp-calendar th { font-style:normal; text-transform:capitalize;}

#wp-calendar td { padding:3px 0; text-align:center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff;}
	


/* wp-caption */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.wp-caption img { margin:0; padding:0; border:0 none;}

.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}





/* フッター---------------------------------------------------------------------------------- */	

#footer { clear:both; width:760px; height:125px; border:none; margin:0 auto; font-size:11px; line-height:150%;
	background: url(images/footer.gif) no-repeat center bottom;}
	
#footer a, #footer a:hover, #footer a:visited { color:#333; text-decoration:underline;}
#footer a:hover { color:#09c; text-decoration:underline; }

#footer p { margin:0; padding:80px 0 0 20px; text-align:left; color:#666;}
		



/* コメント---------------------------------------------------------------------------------- */	


/* commentlist */
	
.commentlist { padding:0; /* text-align: justify; */ }

.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; font-weight: bold;
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentlist p { margin:10px 5px 10px 0; }

.commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; }

.commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; }

.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }



/* commentform */

#commentform textarea { font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; width:100%; padding:2px; }
	
#commentform p { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; margin:5px 0; }

#commentform input { font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; width:170px; padding:2px; margin:5px 5px 1px 0; }

#commentform #submit { margin:0; float:right; }



/* commentmetadata */

.commentmetadata { margin:0; display:block; font-weight:normal; }