@charset "UTF-8";
/*  
Theme Name: Webscripter
Theme URI: http://webscripter.jp/
Description: Theme for Webscripter
Version: 1.0
Author: huevo
Author URI: http://webscripter.jp/
*/


/*-----------------------------------------------------------
UA Reset CSS for WP
-------------------------------------------------------------

	1.margin and padding reset
	2.border reset
	3.font re-style
	4.color reset
	5.tag re-style
	6.Base Table Style
	7.Base Image Style
	8.Base object Style

-----------------------------------------------------------*/

/*-----------------------------------------------------------
	1.margin and padding reset
-----------------------------------------------------------*/

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
ol,
li,
dl,
dd,
dt,
form,
fieldset,
select,
th,
td,
hr {margin: 0; padding:0;}

input,
textarea {margin: 0; padding: 0;}

/*-----------------------------------------------------------
	2.border reset
-----------------------------------------------------------*/

img,
abbr,
acronym,
fieldset,
hr {border: none;}

a {text-decoration: none;}

ins {text-decoration:none;}

del {text-decoration:line-through;}

/*-----------------------------------------------------------
	3.font re-style
-----------------------------------------------------------*/

html {font-size:81.25%;}/*for ie6*/

body:first-of-type {font-size: 13px;}/*for safari3*/

html>body {font-size: 13px;}

body {
line-height: 180%;
font-family:Arial, Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
address,
pre,
code,
kbd,
samp,
var,
em,
cite,
address,
input,
select,
textarea,
legend,
th {
font-size: 100%;
font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-style: normal;
font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {line-height: 120%;}

sup,
sub {font-size: xx-small;}

sup {position:relative; bottom:0.6em; vertical-align:baseline;}

sub {position:relative; bottom:-0.2em; vertical-align:baseline;}

/*-----------------------------------------------------------
	4.color reset
-----------------------------------------------------------*/

a,
legend {color: #000;}

/*-----------------------------------------------------------
	5.tag re-style
-----------------------------------------------------------*/

/*lsit Style*/

ul,
ol {list-style:none;}


/*table style*/

table {
border-collapse: collapse;
border-spacing: 0;
}

abbr,
acronym {
cursor:help; border-bottom:1px dotted;
}

ol.default {
margin-left:2em;
list-style-type:decimal;
}


/*UA Reset CSS for WP END ---------------------------------*/



/*-----------------------------------------------------------
	
	WebScripter.jp layout.css
	
-------------------------------------------------------------

	1.margin and padding reset
	2.border reset
	3.font re-style
	4.color reset
	5.tag re-style
	6.Base Table Style
	7.Base Image Style
	8.Base object Style

-----------------------------------------------------------*/

body {
background-color:#D4DDE1;
}


/*-----------------------------------------------------------
	2.Header
-----------------------------------------------------------*/

.headerWrap {
width:100%;
height:100px;
background:url(images/header_bg.jpg) repeat-x top;
}

.headerWrap .headerLinks {
margin:0 auto;
width:850px;
height:35px;
color:#FFFFFF;
}

.headerWrap .headerLinks form {
margin::0;
display:inline;
}

.headerWrap .headerLinks ul {
margin-top: 5px;
}

.headerWrap .headerLinks ul li {
margin: 0 0 0 15px;
display:inline;
}

.headerWrap .headerLinks ul li a {
color:#FFFFFF;
}

.headerWrap .headerTitle {
margin: 0 auto;
width: 850px;
height: 65px;
color:#FFFFFF;
background:url(images/logo.jpg) no-repeat;
}

.headerWrap .headerTitle h1 {
margin:15px 0 0 0;
width:200px;
height:20px;
float: left;
}

.headerWrap .headerTitle h1 a {
display: block;
width:200px;
height:20px;
}

.headerWrap .headerTitle h1 a span {
display: none;
}

.headerWrap .headerTitle h2 {
margin:18px 0 0 0;
height:20px;
float: left;
}


/*-----------------------------------------------------------
	2.Contents
-----------------------------------------------------------*/

.contentsWrap {
margin: 0 auto;
padding:25px 0;
width: 850px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-color:#FFFFFF;
}

.contentsBg {
background:url(images/contents_bg.gif) repeat-y;
}


/*Main ----------------------------------------------------*/

.main {
margin:0;
width:452px;
float:left;
display: inline;/*for IE6*/
}

.main .postBody {
margin-bottom: 40px;
}

.main .postBody p a {
color:#44A2FF;
text-decoration:underline;
}

.main .postBody p a:hover {
text-decoration:none;
}

.main .postBody h2,
.main .postBody h2.pageH2 {
margin: 0 0 3px 0;
padding: 7px 0 7px 0;
font-size:123%;
font-weight:bold;
border-top: 2px solid #6AC4FF;
border-bottom: 1px dashed #6AC4FF;
}

.main .postBody h2.pageH2 {
margin: 0 0 15px 0;
border-bottom: 1px solid #6AC4FF;
}

.main .postBody h2 a:hover,
.main .postBodySingle h2.pageH2 a:hover {
color:#44A2FF;
}

.main .metaData {
margin-bottom: 15px;
font-size: 84%;
color:#888888;
text-align: left;
border-bottom: 1px solid #6AC4FF;
}

.main .metaData a {
color:#44A2FF;
text-decoration:underline;
}

.main .metaData a:hover {
text-decoration:none;
}

.main .postBody h3,
.main .postBodySingle h3 {
	margin:5px 0 15px 0;
	font-size:107%;
 font-weight:bold;
}
.main .postBody h3:before,
.main .postBodySingle h3:before {
	content:"・";
}

.main .postBody p,
.main .postBodySingle p {
	margin-bottom: 15px;
}

.main .postBody a.more-link,
.main .postBodySingle a.more-link {
color:#44A2FF;
}
.main .postBody a.more-link:hover,
.main .postBodySingle a.more-link:hover {
font-weight:bold;
}

.main .postBody pre {
margin-bottom: 15px;
padding: 5px 10px;
background-color:#e5e5e5;
}

.main .postBody img {
margin: 10px 0;
}

.main .postBody img.icon {
margin: 0 0 2px 0;
vertical-align:middle;
}

.main p.pageLink {
text-align:center;
font-size: 84%;
}

.main p.pageLink a {
color:#44A2FF;
text-decoration:underline;
}

.main p.pageLink a:hover {
text-decoration:none;
}

/* pageLink for single page */

.main div.pageLinkSgl {
font-size: 84%;
}

.main div.pageLinkSgl {
font-size: 84%;
}

.main div.pageLinkSgl a {
color:#44A2FF;
text-decoration:underline;
}

.main div.pageLinkSgl a:hover {
text-decoration:none;
}

.main div.pageLinkSgl p.pageLinkSglPre {
width:210px;
float:left;
line-height:120%;
}

.main div.pageLinkSgl p.pageLinkSglNext {

width:210px;
float:right;
text-align:right;

line-height:120%;
}






.main .postBody textarea {
width: 100%;
display:block;
margin:15px 0;
border:1px solid #e5e5e5;
background-color:#e9e9e9;
}


/*comment ------------------------------------------------*/

.main #comments {
font-size: 92%;
}

.main #comments p {
margin-bottom: 8px;
}

.main #comments ol li.commnetcontent {
border-top: 1px solid #cccccc;
}

.main #comments h3 {
margin: 5px 0 10px 0;
font-weight:bold;
font-size: 100%;
}

input#trackbackurl {
margin-bottom:15px;
width:438px;
}

textarea#comment {
width:438px;
}

h3.commentformtitle {
border-top: 1px solid #cccccc;
margin-bottom: 10px;
padding-top: 15px;
}


/*SidebarL ------------------------------------------------*/

.sidebarL {
margin: 0 39px 0 20px;
width:160px;
float:left;
display: inline;/*for IE6*/
}

.sidebarL a {
color:#44A2FF;
text-decoration:underline;
}

.sidebarL a:hover {
text-decoration:none;
}

.sidebarL h2 {
margin:10px 0 5px 0;
font-size:92%;
font-weight:bold;
}

.sidebarL h2.first {
margin:0 0 5px 0;
}

.sidebarL ul li {
list-style-type: none;
margin:0;
}

.sidebarL li input.text {
width:10em;
}

.sidebarL li ul {
margin-left: 0.5em;
}


.sidebarL ul li ul li {
background:url(images/bullet.gif) no-repeat 0 0.1em;
padding:0 0 0 0.7em;
margin: 0 0 0 0;
font-size:84%;
line-height: 150%;
}

.sidebarR {
width:120px;
float:right;
margin: 0 20px 0 39px;
display: inline;/*for IE6*/
text-transform:uppercase;
}

.sidebarR .adspace {
margin-bottom:5px;
}

/*
.main,
.sidebarL,
.sidebarR {
background-color:#CCCCCC;
}
*/


/*-----------------------------------------------------------
	2.Footer
-----------------------------------------------------------*/

.footer {
padding-top: 5px;
width: 100%;
height:30px;
background:url(images/footer_bg.jpg) repeat-x;
color:#FFFFFF;
}
.footer .copyright {
text-align:center;
font-size:84%;
}


/*-----------------------------------------------------------
Library CSS
Create Date:2009.03.19
Author:HUEVO

test UA
	windows：IE6.0,Firefox2.0.0.4,Opera9.x,slapnir
	mac OSX：safari2.x,safari3,.xFirefox2.x,Firefox3.x,Opera9.x
-------------------------------------------------------------

	1.commonBlock
	
-----------------------------------------------------------*/

/*-----------------------------------------------------------
	1.commonBlock
-----------------------------------------------------------*/

div.commonBlock {
margin:0 0 40px 30px;
}

* .floatL {
float:left;
}

* .floatR {
float:right;
}


/*-----------------------------------------------------------
	Clear Fix
-----------------------------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

/*-----------------------------------------------------------
	page Top
-----------------------------------------------------------*/

div.pageTop {
margin-bottom: 5px;
width:812px;
height:19px;
}

div.pageTop a {
width: 77px;
height:19px;
float: right;
background:url(images/pagetop.gif) no-repeat;
}

div.pageTop a:hover {
background-image:url(images/pagetop_f2.gif);
}



/*-----------------------------------------------------------
	Text Link
-----------------------------------------------------------*/

* div.textLink {
margin-bottom:10px;
text-align:center;
font-size:87%;
}


/*-----------------------------------------------------------
	Caution
-----------------------------------------------------------*/

* .caution {
font-size:84.6%;
line-height: 150%;
color: #666;
}


/*-----------------------------------------------------------
	Text Align Control
-----------------------------------------------------------*/

* .alignL {text-align:left;}

* .alignC {text-align:center;}

* .alignR {text-align:right;}

.mgnBtm10 {margin-bottom:10px;}

.mgnBtm20 {margin-bottom:20px;}


/*-----------------------------------------------------------
	dl　float
-----------------------------------------------------------*/

dl.dlFloat {
}

dl.dlFloat dt {
float:left;
width: 80px;
border-bottom:1px solid #cccccc;
clear:both;

}

dl.dlFloat dd {
margin-left:80px;
border-bottom:1px solid #cccccc;
}

table.borderTable {
margin-bottom:15px;
border-collapse:separate;
border-top:1px solid #cccccc;
}

table.borderTable th,
table.borderTable td {
padding:3px 0;
border-bottom:1px solid #cccccc;
vertical-align:top;
}

table td.w20per {width:20%;}
table td.w30per {width:30%;}
table td.w40per {width:40%;}
table td.w50per {width:50%;}

/* End Various Tags & Classes*/