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



/* 共通 */

body {
	font-size: 85%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #54ABA5 url('images/bg.jpg') repeat-x 0 0 fixed;
	color: #333;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	}

small { padding:0 0 5px 0; font-size:85%; color:#360;}

h1 {
	margin: 0;
	padding: 5px 15px 5px 0;
	text-align: right;
	text-decoration: none;
	color: #FFF;
	font-size: 200%;
	}

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

h2 {
	color:#FFF;
	font-weight:normal;
	font-size:95%;
	text-align:right;
	margin:0;
	padding:0 15px 0 0;
	}

h3 {
	color: #333;
	font-size: 120%;
	margin: 0;
	padding: 0;
	margin: 30px 0 3px 0;
	text-decoration: none;
	}
	
h3.pagetitle {
	margin:0 auto 20px auto; padding:5px 10px 8px 0; text-align:right;
	background: #54ABA5 url('images/archive-img.gif') repeat-x right bottom;
	}

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

h3 a { color:#069; text-decoration:underline;}
h3 a:hover { color:#F90;}
h3 a:visited { color:#639;}

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

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

a:visited { color:#339;}

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 { }

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

.alt { margin:0; padding:3px 7px!important; text-align:left!important;}

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

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

.navigation { display:block; text-align:center; margin-top:10px; font-size:85%;}




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

#headerimg { margin-right:50px; margin:0; height:230px; width:100%;}

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



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

#content {
	padding-top:15px;
	font-size:100%;
	background: url('images/bg_content.jpg') no-repeat 1px 0;
	}



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

#page {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border: 1px solid #CCC;
	background: #FFF url('images/bg_page.gif') repeat-x center top;
	}






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

.clear { clear:both;}




/* narrowcolumn */		

.narrowcolumn { float:left; padding:0 0 0 45px; margin:0; width:450px;}

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


/* 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 0;}

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

.widecolumn .entry p { font-size:100%;}

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




/* post */

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

.post hr { display:block;}

.post h3 {
	color:#333;
	margin-top:0; padding:10px 0 5px 28px;
	border-bottom: 2px solid #CCC;
	background:url('images/title-img.gif') no-repeat left bottom;
	}





/* entry */

.entry h4 {
	font-size:100%;
	padding:1em 0 2px 0;
	margin: 0 auto 5px auto;
	border-bottom: 1px solid #BFD9F2;
}

.entry h5 {
	font-size:100%;
	padding:0;
	margin: 1em auto 0 auto;
}

.entry p {
	padding:0;
	margin: 1em auto 0 auto;
}

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

.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 4px; padding:0 0 3px 13px;}

/*.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; text-align:center; font-size:85%; padding: 4px 0;
	border: 1px dotted #CCC;}

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

.postmetadata a:link { color:#F60;}
.postmetadata a:hover { color:#F60; text-decoration:underline;}
.postmetadata a:visited { color:#C60;}



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

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

#sidebar h3 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 100%;
	text-decoration: none;
	margin: 5px 0 0;
	padding: 0;
	border-bottom: 1px solid #999;
	}

#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-top:10px;}

#sidebar ul li ul li { background:url('images/ico_list.gif') no-repeat 0 1px; padding-left:17px;}

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

#sidebar ul ul ul { margin:0 0 0 0;}
	
#sidebar ul ul li { margin:6px 0 0; padding:0; color:#777;}
	
#sidebar ul ol { margin:5px 0 0 0; padding:0;}

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

#sidebar ul.children { font-size:85%;}
#sidebar ul.children li { background:url('images/ico_list_s.gif') no-repeat 0 3px; padding-left:15px;}


/* バナー */
.textwidget { padding-left:5px; font-size:80%;}
.textwidget img { margin-bottom:2px;}
.textwidget a:hover { text-decoration:underline;}

	
/* カレンダー */
	
#wp-calendar {
	empty-cells:show;
	width:175px;
	margin:10px auto 0;
	padding:0 10px;
	font-size:80%;
	}

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

#wp-calendar #next a { text-align:right; font-size:80%;}

#wp-calendar #prev a { text-align:left; font-size:80%;}

#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:#CCC; }

#calendar_wrap {}


/* コメント */
#sidebar li.recentcomments { font-size:100%;}

/* RSS */

#sidebar h3 a.rsswidget { color:#06C;}
#sidebar .rssSummary { padding:5px 0 10px 0; font-size:85%;}


/* wp-caption */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 0;
	-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 { 
	width:758px; height:85px;
	clear:both; 
	border:1px solid #CCC;
	border-top:none;
	margin:0 auto; padding:0; 
    background: #eee url('images/footer.jpg') no-repeat left bottom;
	}
	
#footer a, #footer a:hover, #footer a:visited { color:#333; text-decoration:underline;}

#footer p {	margin:0; padding:50px 12px 0 0; color:333; font-size:10px; text-align:right;}
		



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


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

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

.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; }






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

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

.alignright { float:right; margin-left:10px;}

.alignleft { float:left; margin-right:10px;}

.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 { margin:0 7px 2px 0; display:inline;}

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