@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: 80%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	}

small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:normal;
	color:#777;
}

a { color:#06C;}
a:hover { color:#09F;}
a:visited { color:#339;}

h1 {
	text-decoration: none;
	color: #666;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 100%;
	text-align: right;
	padding:25px 10px 0 0;
	margin: 0;
	}

h1 a, h1 a:hover, h1 a:visited { text-decoration:none; color:#000033; }

#content h2 {
	height:30px;
	margin:20px 20px 10px 20px; padding:0;
	padding:0 0 0 20px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 130%;
	text-align: left;
	color: #042364;
	background: url(images/pagetitle.jpg) no-repeat;
	}

h3 {
	color: #333;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

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

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

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

h3 a:visited { color:#333;}

cite { text-decoration:none; }

hr { display:none; }

ol li { list-style:decimal outside; }

i,em { font-style:normal; color:#F00;}

select { width:130px;}

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

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

acronym, abbr, span.caps{ font-size:90%; 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:0 auto; padding:0 3px; text-align:center;}
#searchform #s { width:100px;}
#searchform label { height:1em;}

.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:0 auto 15px auto; padding:0 15px 10px 15px; font-size:85%;}



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

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

.alignright { float:right; }

.alignleft { float:left;}

.center { text-align:center; }

.hidden { display:block; height:1em; text-indent:-9999px;}

.clear { clear:both; }


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

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; padding-bottom:5px;}

	

/* ヘッダー ---------------------------------------------------------*/	
	
#header {
	background: #FFF;
	margin: 0 auto;
	padding: 0;
	height: 70px;
	width: 900px;
	}
#header img { float:left; padding: 10px 15px;}

/* ヘッダー ---------------------------------------------------------*/	
	
#headerImg { margin:0 auto;}



/* メニュー ---------------------------------------------------------*/	


#navi {
	padding: 0px;
	width: 900px;
	height: 30px;
	clear: both;
	margin: 0px auto;
	background: url(images/navi.jpg) no-repeat center top;
}

#navi ul {
	text-indent: -9999px;
	padding: 0px;
	width: 900px;
	margin: 0px auto;
}

#navi li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	float: left;
}

#navi a {
	color: #000000;
	height: 33px;
	display: block;
	background: url(images/navi.jpg) no-repeat;
}

/*link----- */

#navi1 a { background-position: -0 0; width:110px;}
#navi2 a { background-position: -110px 0; width:130px;}
#navi3 a { background-position: -240px 0; width:130px;}
#navi4 a { background-position: -370px 0; width:140px;}
#navi5 a { background-position: -510px 0; width:130px;}
#navi6 a { background-position: -640px 0; width:130px;}
#navi7 a { background-position: -770px 0; width:130px;}

/*linkhover----- */

#navi1 a:hover { background-position: -0px -40px;}
#navi2 a:hover { background-position: -110px -40px;}
#navi3 a:hover { background-position: -240px -40px;}
#navi4 a:hover { background-position: -370px -40px;}
#navi5 a:hover { background-position: -510px -40px;}
#navi6 a:hover { background-position: -640px -40px;}
#navi7 a:hover { background-position: -770px -40px;}


/* メニュー ---------------------------------------------------------*/	

.navigation { margin-left: 5px;	margin-right: 5px;}


/* トップイメージ ---------------------------------------------------------*/	

#topimg { margin: 30px 0 30px 20px;}
#topimg h2 { height:auto; margin:0; padding:0; background:none;}


/* お知らせ ---------------------------------------------------------*/	

#news { width:660px; margin: 0 auto 30px auto;}
#news dl{ margin: 20px auto; padding: 0; list-style-type: none;}
#news dd { float:left; width:540px; margin:0 auto 8px auto; padding:0; font-size:130%;}
#page #content #news blockquote { width:520px; margin:5px 0 10px 0; padding:0; color:#333; font-size:80%; border-left:none;}
#news dd a { font-weight:bold;}
#news dt{
	clear:both; float:left; display:block; 
	width:100px;
	margin: 2px auto 0;
	padding:0 0 0 20px;
	color: #000; font-weight: bold;
	background: url(images/ico_list_news.gif) no-repeat 3px 3px;
	list-style-type: none;
}

/* バナー ---------------------------------------------------------*/	
#banner { clear:both; width:660px; margin:0 20px; padding-top:30px;}
#banner img { margin:0 5px 5px 0;}


/* 内部イメージ ---------------------------------------------------------*/	

#pageimg {
	height:200px;
	width:585px;
	background: url(images/pageimg_bg.jpg) no-repeat bottom;
	margin: 0 0 30px 0;
}

#pageimg p {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	padding: 0 15px 0 60px;
	margin: 0;
}

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

#content { float: left; width: 700px;}

#content form { width: 490px; margin: 0 auto 40px auto;}

#respond { width: 535px; margin: 0 auto;}


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

#page {
	text-align: left;
	margin: 0 auto;
	background: #fff url(images/p-bg.jpg) repeat-y top; border: none; 
	padding:0 12px;
	width:900px; 
	}

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


	
	
	
	
/* narrowcolumn */		

.narrowcolumn { padding:0; margin: 0px;}

.narrowcolumn .postmetadata { text-align:center;}



/* widecolumn */		

.widecolumn { padding:0 0 20px 0; margin:0;}
	
.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:100%;}

.widecolumn .entry { line-height:120%;}	



/* post */
/* page */
/* entry */

.post,.page {
	clear:both;
	margin: 0 auto;
	padding:0 20px 30px 20px;
}

.post hr { display:block;}

.post h3,.page h3 {
	color:#FFF;
	margin:3px auto 5px auto; padding:3px 3px 4px 20px; 
	background:url(images/title-img.jpg) no-repeat left top;}
.post h3 a,.page h3 a { color:#FFF; text-decoration:underline;}
.post h3 a:hover,.page h3 a:hover { color:#09F;}

.post h4,.page h4 {
	margin:0 10px;
	padding:1em 0 2px 0;
	font-size:110%;
	border-bottom: 1px dotted #BFD9F2;
}

.post h5,.page h5 {
	font-size:100%; margin:1.5em 10px 1em 10px; padding:0 0 0 15px; color:#001B58;
	background:url(images/ico_h5.gif) no-repeat 2px 2px;
}

.post p,.page p { margin:1em 10px; padding:0; line-height:135%;}

.post p a:visited { color:#339;}
	
.post ul { margin:1em auto; padding:0 0 0 30px; list-style:none; padding-left:10px; }

.post li { margin:5px 0; }

.post ol { margin:1em auto; padding:0 0 0 35px;}

.post ol li { margin:5px 0; }

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

.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;
	font-size: 90%;
	margin-top: 10px;
}

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

.postmetadata a { color:#999999;}


.narrowcolumn .postmetadata {
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding: 3px 0 12px 0;
	background: url(images/post_bg.gif) no-repeat bottom;
	}


/* この投稿を編集する */

.edit { clear:both; float:left; width:600px; padding-left:15px;}

/* コメント・トラックバック */

#comments { padding-left: 15px;}


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

#sidebar {
	float: left;
	width: 200px;
	margin: 0 auto;
	padding: 0;
	font: 100% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	}

#sidebar h3 {
	margin:0;
	padding: 8px 0 0 10px;
	color: #FFF;
	text-align:left; text-decoration:none;
	font-size: 120%;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	height:28px;
	}
	
#sidebar .widget {}
#sidebar .widgettitle {	background: url(images/widgettitle.jpg) no-repeat left top;}	

#sidebar img { text-align: center; }

#sidebar a { color:#333; font-weight:bold; text-decoration:none; }
#sidebar a:hover { text-decoration:underline; color:#09F;}

#sidebar form { margin:0; padding: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 .page_item {
	padding-left:25px;
	background: url(images/ico_sub.gif) no-repeat 10px 4px;
}

#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; font-size:100%; color:#333; }
	
#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:#333; }


/* カテゴリー */
#sidebar .widget_categories { }
#sidebar .widget_categories ul { margin:0; padding:0; }
#sidebar .widget_categories li {
	clear:both; float:left;
	width:200px;
	margin:0; padding:0;
	text-align: left;
	font-weight: bold;
}
#sidebar .widget_categories li a {
	margin:0;
	padding: 15px 15px 12px 10px;
	display:block;
	border-bottom: 1px solid #879EBA;
	background:  url(images/category_bg.jpg) repeat-x bottom;
}
#sidebar .widget_categories li a:hover { color:#09F;}


/* カテゴリー */
#sidebar .widget_mycategoryorder { }
#sidebar .widget_mycategoryorder ul { margin:0; padding:0; }
#sidebar .widget_mycategoryorder li {
	clear:both; float:left;
	width:200px;
	margin:0; padding:0;
	text-align: left;
	font-weight: bold;
}
#sidebar .widget_mycategoryorder li a {
	margin:0;
	padding: 15px 15px 12px 10px;
	display:block;
	border-bottom: 1px solid #879EBA;
	background:  url(images/category_bg.jpg) repeat-x bottom;
}
#sidebar .widget_mycategoryorder li a:hover { color:#09F;}


/* サブカテゴリー */

#sidebar ul.children { margin: 0px; padding: 0px;}


#sidebar ul.children li a {
	list-style-type: none;
	margin:0 0 0 12px;
	padding: 7px 15px 7px 20px;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-bottom:dashed 1px #88A3B9;
	background: url(images/ico_sub.gif) no-repeat 5px 11px;
}


/* 会社情報 */
#sidebar .widget_text {
	clear:both;
	padding:10px 0 5px 0;
	color: #000000;
	margin:0 0 5px 0;
}
#sidebar .widget_text p{ margin:0; padding:5px 10px 0 10px;}
#sidebar .widget_text p strong { font-size:120%; color:#293254;}
#sidebar .widget_text .tel{ font-weight:bold; text-align:right;}
	

/* カレンダー */
	
#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 100% '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 */  }
	

/* アーカイブ */

#archives { text-align: center;}


/* QRコード */
	
#qrcode { text-align: center;}
#qrcode img { margin-top:20px; border:1px solid #999;}



/* RSS */

#sidebar h3 a.rsswidget { color:#fff;}
#sidebar .rssSummary { padding:5px 0 10px 0; font-size:80%; 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 {
	border:none;
	margin:0 auto;
	padding:0;
	width:924px;
	height:75px;
	clear:both;
	background:url(images/footer.jpg) no-repeat 0 0;
	}
	
#footer a, #footer a:hover, #footer a:visited {
	text-decoration:underline;
}

#footer p {
	margin:0; padding:0 20px 25px 20px;
	text-align:right; color:#FFF; font-size:85%;
}
#footer p.pagetop a { color:#333;}

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


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

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font: 90% '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:100%; }

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



/* commentform */

#commentform textarea { font:90% '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:90% '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; }





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

/* 運営組織 */

#sitemap { float:left; width:650px; margin-top:10px;}
#sitemap ul { margin:0; padding:0; background:none;}
#sitemap li {
	margin:0; padding:1px 0 20px 10px;
	font-size:13px; font-weight:bold; text-align:left; line-height:26px;
	background:url(images/sitemap_00.gif) no-repeat 0 0;
}
#sitemap li ul li {
	padding:0 0 0 150px;
	font-size:13px;
	background:url(images/sitemap_01.gif) no-repeat 0 0;
}
#sitemap li ul li.top { margin-top:10px;}

#sitemap li ul li ul li {
	margin-left:0; padding:5px 0 2px 60px;
	line-height:120%; font-weight:normal;
	background:url(images/sitemap_02.gif) no-repeat -130px 0;
}
#sitemap li ul li.end,#sitemap li ul li.end02 {
	padding:5px 0 10px 60px;
	background:url(images/sitemap_02_end.gif) no-repeat -130px 0;
}
#sitemap li ul li.end02 { padding-bottom:20px;}
#sitemap li.endAall {
	background:url(images/sitemap_01_end.gif) no-repeat 0 0;
}


/* 会員一覧 */

#member table { margin:0; padding:0;}
#member table th,#member table td { padding:2px 5px; border-bottom:1px solid #CCC;}
#member table th { text-align:left;}
#member table th.index { padding:3px 5px; vertical-align: top; background-color:#DFEFFF;}