/*  
Theme Name: WordPress theme 683
Theme URL: http://wordpress.org/
Description: A theme from Template-Help.com Collection
Version: 2.6
Author: Template_Help.com 
Author URL: http://www.Template-Help.com/ 
*/
/* CSS Document */

*{margin:0; padding:0;}
ul{list-style:none;}
body{  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; font-size:12px; line-height:14px; color:#848484; background:#000000;
}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}

/***forms*******************************************/
input, textarea{font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; font-size:12px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {width:355px; height:auto; color:#000000; height:18px; margin-right:33px; border: solid 1px #939393;}
.column_center .searching {width:355px; height:auto; color:#000000; height:18px; margin:0 28px 0 0; border: solid 1px #939393;}
.column_center input, .column_center textarea { margin:3px 0 3px 5px;}

/***end forms*******************************************/


.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 766)? "766px" : "100%"); min-width:766px;}
.main {width:900px; margin:auto;}

a {color:#848484; text-decoration:underline;}
a:hover{text-decoration:none;}

 
h1 { font-size:4.16em; color:#FFFDDE; font-weight:normal; line-height:1.01em; width:auto;}
h1 a  {color:#FFFDDE; text-decoration:none;}
h2{ font-size:1.01em;}
h3 { color:#F4F4F4; font-weight:bold; font-size:1.45em; line-height:1.18em; margin:0 0 8px 0;}
h3 a {color:#F4F4F4; font-size:1.01em; line-height:1.01em; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
.pagetitle { padding:10px;}
.center { padding:0 0 10px 0;}

/***global*******************************************/
.content { width:100%; overflow:hidden;}
.content .indent { padding:0 28px 0 30px;}

ul { margin:0;}

.side_bar { float:left; width:203px; margin:0 0 0 -203px;}
.column_center{float:left; width:100%;}
.indent_center { padding:0 8px 0 0; margin:0 203px 0 0;}

.clear{clear:both;}

.w100 { width:100%;}
.h100 { height:100%;}

.in5 { padding-bottom:5px;}
.in10 { padding-bottom:10px;}
.in15 { padding-bottom:15px;}
.in20 { padding-bottom:20px;}
/***global*******************************************/


/***Begin Images *******************************************/
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 20px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 20px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
/***End Images *******************************************/



/***box*******************************************/
.left_top{ background:url(images/left_top.gif) left top no-repeat; width:100%;}
.right_top{ background:url(images/right_top.gif) right top no-repeat; width:100%}

.side_left{ background:url(images/side.gif) left top repeat-y #101010;}
.side_right{ background:url(images/side.gif) right top repeat-y;}
.side_top{ background:url(images/side.gif) left top repeat-x;}
.side_bot{ background:url(images/side.gif) left bottom repeat-x;}
/***box*******************************************/


/***header*******************************************/
#header { background:url(images/bg_header.jpg) 0 0 no-repeat #000000; width:100%; min-height:407px; height:auto !important; height:407px;}
#header .logo { padding:10px 0 0 10px;}
#header span  { padding:10px 0 0 10px; font-size:1.09em; line-height:1.45em; color:#BAB9A3; text-decoration:none; text-transform:uppercase;}
#header  .menu { padding:281px 0 0 0;}
#header li { display:inline; background:url(images/sep_menu.gif) right 4px no-repeat; padding:0 27px 0 27px; font-size:1.27em; line-height:normal;}
#header li a{ font-size:1.01em; line-height:normal; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
#header li a:hover{text-decoration:underline;}
/***end header*******************************************/



/***side_bar*******************************************/
.side_bar .inside{ padding:0 0 0 0;}
.side_bar .inside_widget{ padding:22px 10px 0 43px;}
.side_bar .inside_widget_bn{ padding:10px 0px 10px 0px;}
.side_bar .inside_bnner{ padding:10px 5px 10px 0px; margin:0 5 5 0px;}

.widget_style#categories .children { margin:0 0 0 10px;}
.indentX p { padding:0 0 10px 0;}

/**********************************************/
.widget_style { margin:0 0 0 0; padding:0 0 16px 0;}
.widget_style h2 {font-size:1.27em; line-height:1.27em; color:#FFFFFF; font-weight:normal; padding:9px 10px 9px 17px;}
.widget_style h2 a {color:#FFFFFF; text-decoration:none;}
.widget_style h2 a:hover {text-decoration:none;}

.widget_style ul { margin:0 0 0 0;}
.widget_style li { font-size:1.18em; line-height:1.01em; color:#737373; padding:0 0 15px 0;}
.widget_style li a { font-size:1.01em; line-height:1.01em; color:#737373; text-decoration:none; background:url(images/arr.gif) no-repeat 0px 5px; padding:0 0 0 17px;}
.widget_style li a:hover { text-decoration:underline;}
/**********************************************/

/**********************************************/
.widget_style#links_with_style { margin:0 0 0 0; padding:0 0 6px 0;}
#links_with_style ul {margin:0 0 0 0; background:none;}
#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}
#links_with_style ul li h2 { font-size:14px; line-height:14px; list-style:none; color:#FFFFFF; font-weight:normal; padding:9px 10px 9px 17px; margin:0 0 0 0;}
#links_with_style ul li ul { margin:0 0 0 0;}
#links_with_style ul li ul li { font-size:1.01em; color:#737373; padding:0 0 15px 0;}
#links_with_style ul li ul li a{padding:0 0 0 17px;}
/**********************************************/


/**********************************************/
#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 10px 0px 0;}
#calendar_wrap caption { color:#FFFFFF; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#737373; font-size:1.11em;}
#calendar_wrap td a {color:#737373;}
#calendar_wrap th { color:#737373; text-align:right;}
#calendar_wrap a {font-weight:bold;}
/**********************************************/

#tag_cloud a{ color:#000000; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:underline;}

.post { padding:0 0 20px 0;}
.post h3{ padding:0 0 5px 0;}

/**********************************************/

#statusbar {text-align:left; color:#737373;}
#statusbar p {padding:10px 20px 20px 10px; border:1px solid #282828; background:#101010; margin:0 0 20px 0;}
#statusbar a {font-weight:bold; color:#737373;}
/***end side_bar*******************************************/





/***column_center*******************************************/
.block_search { padding:0 0 20px 3px;}
.inside_search { padding:6px 8px 6px 73px;}
.column_center ol { list-style:decimal;}
.column_center ol li { list-style-position:inside;}
.column_center ol li a{}

.column_center ul li { list-style-type:disc;}
.column_center ul li { list-style-position:inside;}
.column_center ul li a{}

.column_center p { padding:5px 0 5px 0;}


.title { padding:9px 0 13px 0; border-bottom:3px solid #282828; margin:0 22px 0 0;}
.bg_title { width:100%; overflow:hidden;}
.title .info { color:#BE9023;  font-size:1.09em; line-height:1.18em; float:right; padding:0 3px 0 0;}
.title .date { font-size:0.9em; line-height:1.09em; color:#BE9023; background:url(images/bull_date.gif) 0 3px no-repeat; padding:0 0 0 16px; margin:0 0 0 3px;}

.text_box { font-size:1.09em; line-height:1.33em; padding:22px 25px 9px 0;}
.text_box img{ margin:0 18px 20px 0;}

.comments { border-bottom:1px solid #282828; text-align:right; color:#DAA62B; font-size:1.09em; line-height:1.9em; padding:5px 0 27px 20px; margin:0 20px 19px 0;}
.comments a { text-decoration:underline; color:#DAA62B; font-size:1.01em; line-height:1.9em;}
.comments a:hover{text-decoration:none;}
/***end column_center*******************************************/




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	width:100%;
	overflow:hidden;
	display: block;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 5px;
	}
/* End Various Tags & Classes*/



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/*************************************/
#recent-posts  {vertical-align:top;}
.widget_style#recent-comments li a {background:none;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.textwidget {padding:13px 0px 0px 0px;}

.oddcomment{color:#FFFFFF;}

/***footer*******************************************/
#footer { font-family:tahoma; background:url(images/bg_footer.gif) 0 0 repeat-x; font-size:1.09em; line-height:1.01em; color:#8F8F8F; padding:13px 20px 50px 62px; }
#footer a{ color:#8F8F8F; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
/***end footer*******************************************/