@charset "utf-8";
/*
Theme Name: Magic Projects Blog
Theme URI: http://www.magic-pro.co.jp/blog
Description: マジック・プロジェクトオフィシャルブログ
Version: 1.0
Author: Hidenori Umigishi
Author URI: http://www.magic-pro.co.jp/
Tags: official, two columns


*/



* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	background-color: #FFFFFF;
	font-family:Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #313131;
	font-size: 82%;
}

:root body {
	font-family:Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}


/* base common */
a, a:link, a:visited {
	color: #0B5EC8;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

h2.pagetitle {
	background-image: url(images/archive_title.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	color: #ff6600;
	width: 600px;
	padding-bottom: 11px;
	font-size: 114%;
	text-align: center;
}

a:hover {
	color: #FF6600;

}

img {
	border-width: 0px;
}

table {
 	border-collapse: collapse;
}

th ,td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

.emsg-red {
	font-weight: normal;
	color: #FF0000;
}

.font_14px {
	font-size: 14px;
}

.small_font {
	font-size: 92%;
}

small {
	font-size: 83%;
}

.xsmall_font {
	font-size: 83%;
}

.xxsmall_font {
	font-size: 76%;
}

.float_box,#respond {

	zoom: 100%;
	position:relative;

}

.float_box:after, #respond:after{
	content: " ";
	clear: both;
	font-size: 0;
	height: 0;
	display: block;
	visibility: hidden;
}

.float_box:after, .float_box:-moz-read-only,#respond:after {
	content: " ";
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.floatclear {
	clear: both;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

.nodisplay {
	display: none;
}

.top_space6 {
	margin-top: 6px;
}
.top_space10 {
	margin-top: 10px;
}


.top_space20 {
	margin-top: 20px;
}

.top_space25 {
	margin-top: 25px;
}

.top_space30 {
	margin-top: 30px;
}

.top_space35 {
	margin-top: 35px;
}

.top_space40 {
	margin-top: 40px;
}

.top_space50 {
	margin-top: 50px;
}

.blankbox_200 {
	padding-bottom: 200px;
}

.offset05 {
	margin-left: 5px;
}

.offset10 {
	margin-left: 10px;
}

.offset24 {
	margin-left: 24px;
}

.offset10_box {
	padding-right: 10px;
	padding-left: 10px;
}

.w85px {
	width: 85px;
}
.w90px {
	width: 90px;
}

.w10px {
	width: 100px;
}
.w180px {
	width: 180px;
}

.w280px {
	width: 280px;
}

.w400px {
	width: 400px;
}

.w600px {
	width: 600px;
}

ul,ol,dl {
	line-height: 160%;
	margin-left: 20px;	
}


p {
	line-height: 150%;
}

hr {
	background-image: url(images/hr_image.gif);
	background-repeat: repeat-x;
	height: 1px;
	border-width: 0px;
	border-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
}

#wrapper {
	width: 980px;
	background-image: url(images/common/main_back.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
}


#main_image_s {
	width: 680px;
	background-image: url(images/common/image_under.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height: 182px;	
}




#topics_path {
	padding-top: 6px;
	padding-bottom: 2px;
	font-size: 76%;
}

/* Header AREA */

#header {
	width: 980px;
	padding-bottom: 1px;	
}






/* Content AREA */

#content_main_box {
	background-image: url(images/common/side_back.jpg);
	background-repeat: no-repeat;
}

#content_main_left {
	width: 280px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	min-height:500px;
	height: auto !important;
	height: 500px;
}


/* SIDE AREA */

h3.side_category {
	background-color: #FFFFFF;
	width: 253px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
}

#side_box ul {
	margin-left: 5px;
	padding-right: 5px;
}
#side_box li {
	background-image: url(images/category_list_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	list-style-type: none;
	padding-left: 15px;
	margin-top: 5px;
	font-size: 92%;
}
:root #side_box li {
 
	background-position: 0px 7px;
	
}

#logo_box {
	padding-top: 6px;
	padding-left: 65px;
	margin-bottom: 390px;
	
}


.widget_tag_cloud div {
	padding: 5px;
	line-height: 150%;
}

.widget_tag_cloud div a {
	padding-right: 6px;
}

/* Main BOX AREA */

#content_main_right {
	width: 680px;
}


div.blog_image {
	background-image: url(images/blog_image.jpg);
	background-repeat: no-repeat;
	height: 170px;
}

img.blog_title {
	margin-top: 130px;
	margin-left: 154px;	
}

#contents_box {
	width: 600px;
	padding-right: 40px;
	padding-left: 39px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d7d7d7;
	min-height:500px;
	height: auto !important;
	height: 500px;
}

div.title_type01 {
	background-image: url(images/common/sub_title01.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
	height: 23px;

}

h3.title_type01 {
	padding-top: 3px;
		
}

:root h3.title_type01 {
	padding-top: 2px;
	
}

/* Blog Entry AREA */

#blog_box {
	min-height:650px;
	height: auto !important;
	height: 650px;
}

#blog_box h3.entry_title{
	font-size: 114%;
	margin-left: 3px;
}

#blog_box ul,#blog_box ol,#blog_box dl{
	margin-top: 7px;
	line-height: 160%;
}

#blog_box ul {
	margin-left: 20px;	
}

#blog_box ol{
	margin-left: 26px;	
}

#blog_box dd{
	margin-left: 13px;	
}


#blog_box p{
	margin-top: 7px;
}



#blog_box blockquote{
	margin-left: 12px;
	margin-right: 20px;
	line-height: 150%;
	margin-top: 7px;
	color: #666666;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 5px;
}

#blog_box div.entry_box {
	width: 600px;
	padding-bottom: 30px;	
}

#blog_box div.header_box {
	background-image: url(images/entry_box.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 600px;
}

#blog_box div.date_box {
	margin-top: 5px;
	margin-left: 5px;
}

#blog_box div.author_box {
	margin-top: 5px;
	padding-right: 5px;
	background-image: url(images/face_icon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 18px;
	min-height:14px;
	height: auto !important;
	height: 14px;
}



#blog_box div.honmon {
	padding-right: 5px;
	padding-left: 5px;
}

#blog_box div.honmon p,#blog_box div.honmon ul,#blog_box div.honmon ol,#blog_box div.honmon dl{
	margin-top: 10px;
}

#blog_box div.honmon li{
	margin-top: 7px;
}

#blog_box div.honmon h2 {
	font-size: 114%;
	margin-top: 20px;
	background-color: #E5E5E5;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #d7d7d7;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-color: #d7d7d7;
}

#blog_box div.honmon h3 {
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 20px;
	font-weight: bold;
}



#blog_box div.honmon .column_gaibu,#blog_box div.honmon a.column_gaibu, #blog_box div.honmon a.column_gaibu:link, #blog_box div.honmon a.column_gaibu:visited {
	color: #990000;
	text-decoration: none;
}

#blog_box div.honmon a.column_gaibu:hover {
	color: #FF9900;
}

#blog_box div.more_box {
	margin-top: 20px;
	padding-right: 21px;
	background-image: url(images/more_icon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 12px;
}

#blog_box div.footer_box {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d7;
	padding-bottom: 4px;
	padding-left: 5px;
	margin-top: 20px;
}

#blog_box div.comment_list {
	background-image: url(images/coment_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0% 50%;
	padding-top: 2px;
	padding-bottom: 2px;
}

#blog_box div.comment_box {
	padding: 5px;
	border: 1px solid #d7d7d7;
	width: 588px;
}



.trackbacklist li {
	background-image: url(images/trackback_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 8px;
	list-style-type: none;	
}



#blog_box div.trackback_list {
	background-image: url(images/trackback_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0% 50%;
	margin-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#blog_box div.post_edit{
	background-image: url(images/edit_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0% 50%;
	margin-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#blog_box ul.tag_list {
	background-image: url(images/tag_icon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
	margin-left: 5px;
}
#blog_box li.tag_list {
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d7d7d7;
	list-style-type: none;
}

#blog_box div.category_box {
	background-image: url(images/category_icon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 1px;
	}


#blog_box li.post_link {
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d7d7d7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d7d7d7;
}

li.back_post_link {
	display: inline;
	padding-right: 7px;
	padding-left: 12px;
	list-style-type: none;
	background-image: url(images/back_icon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

li.next_post_link {
	display: inline;
	padding-right: 12px;
	padding-left: 7px;
	list-style-type: none;
	background-image: url(images/next_icon.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

div.back_post_link {
	padding-left: 12px;
	list-style-type: none;
	background-image: url(images/back_icon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

div.next_post_link {
	padding-right: 12px;
	list-style-type: none;
	background-image: url(images/next_icon.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

#author,#email,#url,#comment,#tb_url {
	background-color: #f2f2f2;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aaa9a9;
	border-left-color: #aaa9a9;
	font-size: 14px;
	padding: 2px;
}

#tb_url {
	background-color: #f2f2f2;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aaa9a9;
	border-left-color: #aaa9a9;
	font-size: 11px;
	padding: 2px;
}

#author,#email,#url {
	width: 300px;
	
}

#tb_url {

	width: 590px;
}

#comment {
	width: 590px;
	
	height: 150px;
}

#submit {
	font-size: 13px;
	width: 148px;
	height: 28px;
	background-image: url(images/common/submit_b.gif);
	background-repeat: no-repeat;
}

#s {
	width: 180px;
	margin-left: 10px;
	font-size: 13px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aaa9a9;
	border-left-color: #aaa9a9;
}
#searchsubmit{
	font-size: 12px;
	width: 55px;	
}

/* Begin Comments*/

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

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
	
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;

	}

.alt {
	margin: 0;
	padding: 10px;
	}

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

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

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

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Footer AREA */

#footer_box {
	text-align: center;
	width: 680px;
}

#footer_box ul {
	margin-top: 3px;
	font-size: 76%;
}

#footer_box li {
	display: inline;
	padding-right: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-left: 8px;
}

#footer_box li.start {
	padding-left: 0px;
}


#footer_box li.end {
	padding-right: 0px;
	border-right-style: none;
}



#copyright_box {
	margin-top: 2px;
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 3px;
	padding-bottom: 10px;
	width: 680px;	
}

.copyright {
font-family: Arial, Helvetica, sans-serif;
}

/* Entry */

/* 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 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

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

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

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

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

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


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

.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;
}
/* End captions */

/* Serch Result */

#blog_box div.s_author_box {
	padding-right: 5px;
	background-image: url(images/face_icon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 18px;
}

.result_list_space {
	padding-top: 3px;
	padding-bottom: 3px;
}


/* End Serch Result */