/*
Theme Name: ORIGINAL
Theme URI: http://www.h2omag.net/
Description: Original Theme for WordPress.
Author: Hiroichiro SHIMANO
*/


/*リセット
-------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	 margin: 0px; padding: 0px;
	 }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {
	font-size: 1em; font-weight: normal; font-style: normal; 
	}
ul,ol {
	list-style: none;
	margin:0px;
	padding:0px;
	}
fieldset,img {
	border: none;
	}

/*基本構造
-------------------------------------------------------------*/
body {					/* ドキュメント全体 */
	background-image:url(common/bg_pattern.png);		/* 背景色：グレー */
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-size:88%;				/* フォントサイズ：88% */
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	text-align:center;			/* 文字揃え：中央揃え */
	text-indent:0pt;			/* インデント：0pt */
	line-height:1.3em;
	color:black;				/* 文字色：黒 */
	}
blockquote{
	padding:5px 20px 5px 20px;
	border-style:dashed;
	border-width:1px;
	}

/*リンク
-------------------------------------------------------------*/
a img{
	border-style:none;
	}
	
a:link {
	color:#E3007F;				/* リンク：文字色 */
	text-decoration:none;
	}

a:visited {
	color:#E3007F;				/* 既訪リンク：文字色 */
	text-decoration:none;
	}

a:hover {
	color:#E3007F;				/* マウスオーバー：文字色 */
	text-decoration:none;
	}

a:active {
	color:#E3007F;				/* リンククリック中：文字色 */
	text-decoration:none;
	}

.popular a:link {
	color:#00A0FF;				/* リンク：文字色 */
	text-decoration:none;
	}

.popular a:visited {
	color:#00A0FF;					/* 既訪リンク：文字色 */
	text-decoration:none;
	}

.popular a:hover {
	color:#00A0FF;					/* マウスオーバー：文字色 */
	border-bottom-style:dashed;
	border-width:1px;
	}

.popular a:active {
	color:#00A0FF;					/* リンククリック中：文字色 */
	text-decoration:none;
	}

.pagenav a:hover {
	color:#E3007F;						/* マウスオーバー：文字色 */
	border-bottom-style:dashed;
	border-width:1px;
	}


.link_list a:link {
	color:#444444;						/* マウスオーバー：文字色 */
	text-decoration:none;
	}

.link_list a:hover {
	color:#444444;						/* マウスオーバー：文字色 */
	border-bottom-style:dashed;
	border-width:1px;
	}

.link_list a:visited {
	color:#444444;						/* マウスオーバー：文字色 */
	text-decoration:none;
	}

.link_list a:active {
	color:#444444;						/* マウスオーバー：文字色 */
	text-decoration:none;
	}

.post h2 a:link {
	color:black;				/* リンク：文字色 */
	text-decoration:none;
	}

.post h2 a:visited {
	color:black;				/* 既訪リンク：文字色 */
	text-decoration:none;
	}

.post h2 a:hover {
	color:black;				/* マウスオーバー：文字色 */
	border-bottom-style:dashed;
	border-width:1px;
	}

.post h2 a:active {
	color:black;				/* リンククリック中：文字色 */
	text-decoration:none;
	}

.post a:hover {
	color:#E3007F;						/* マウスオーバー：文字色 */
	border-bottom-style:dashed;
	border-width:1px;
	}

.post a:active {
	color:#E3007F;						/* マウスオーバー：文字色 */
	border-bottom-style:dashed;
	border-width:1px;
	}

.ranking a:hover{
	border-bottom-style:none;
	}

div#blog_space_right a:link {
	color:#00A0FF;				/* リンク：文字色 */
	text-decoration:none;
	border-width:1px;
	}

div#blog_space_right a:visited {
	color:#00A0FF;					/* 既訪リンク：文字色 */
	text-decoration:none;
	border-width:1px;
	}

div#blog_space_right a:hover {
	color:#00A0FF;					/* マウスオーバー：文字色 */
	border-bottom-style:dashed;
	border-width:1px;
	}

div#blog_space_right a:active {
	color:#00A0FF;					/* リンククリック中：文字色 */
	border-bottom-style:dashed;
	border-width:1px;
	}

/*header1
-------------------------------------------------------------*/
div#header1 {
        height:20px;
	width:922px;
	}



/*container_whole
-------------------------------------------------------------*/
div#container_whole {
        margin:0px auto 0px auto;
	width:922px;
	}

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

/*title
-------------------------------------------------------------*/
h1#title {
        margin:35px 0px 0px 0px;
	width:63px;
	height:445px;
	float:left;
	}

/*main_container
-------------------------------------------------------------*/
div#main_container {
	width:850px;
	float:right;
	margin:0px;
	}

/*button_space
-------------------------------------------------------------*/
div#button_space {
	width:100%;
	height:35px;

	text-align:right;
	margin:0px;
	}

.button {
	margin:0px 0px 0px 5px;
	display:inline;
	}

/*free_space
-------------------------------------------------------------*/
div#free_space {
	width:810px;
	height:284px;
	margin:0px 0px 1px 0px;
	padding:30px 0px 18px 40px;
	text-align:left;
	background-image:url(image_index/plant.jpg);
	}

*html div#free_space{
	width:810px;
	height:284px;
	margin:0px 0px 1px 0px;
	padding:30px 0px 14px 40px;
	text-align:left;
	background-image:url(image_index/plant.jpg);
	}

div#subtitle {
	margin:0px 0px 25px 0px;
	}
div#words {
	margin:0px 0px 15px 0px;
	}

div#pagetop_space_php {
	width:810px;
	padding:0px 0px 15px 40px;
	margin:0px 0px 1px 0px;
	text-align:left;
	background-color:white;
	}

/*blog_space
-------------------------------------------------------------*/
div#blog_space {
	width:100%;
	text-align:left;
	background-color:white;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	}

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

div#blog_space_header {
	width:775px;
	margin:0px 0px 0px 40px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	}

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

div#rss_icon {
	padding:20px 0px 15px 0px;
	margin:0px 5px 0px 0px;
	float:left;
	}

div#adv {
	width:520px;
	text-align:left;
	margin:20px 5px 15px 0px;
	float:left;
	}

div#adv2 {
	width:112px;
	text-align:left;
	margin:20px 0px 15px 0px;
	float:left;
	}

div#adv3 {
	text-align:left;
	margin:20px 0px 15px 0px;
	}

img#pickup {
	margin:0px 0px 10px 0px;
	}

.popular li{
	font-size: 1em;
-webkit-text-size-adjust: none;
	list-style-image: url(common/small_arrow.png); 
	margin:0px 0px 3px 23px;
	}

html:not([lang*=""]) .popular li{
	font-size:13px;
	margin:0px 0px 5px 23px;
	}

div#blog_space_left {
	text-align:left;
	width:582px;
	float:left;
	background-color:#FFFFFF;
	}

div#content {
	width:86%;
	text-align:left;
	padding:30px 0px 0px 40px;
	}

.post h2 {
	font-size: 1.3em;
	line-height: 130%;
	color:black;
	clear:both;
	background-image:url(common/gray_stripe.png);
	padding: 8px 10px 7px 10px;
	margin: 0px 0px 20px 0px;
	border-left-style:solid;
	border-width:5px;
	border-color:black;
	}

.post p	{
	margin:20px 0px 20px 0px;
	font-size: 1em;
	line-height: 180%;
	}

.post li {
	line-height: 130%;
	color:black;
	clear:both;
	font-weight:bold;
	padding: 8px 10px 7px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom-style:dashed;
	border-width:1px;
	border-color:black;
	}

.post {
	margin-bottom: 40px;
	}

div#related {
	font-weight:bold;
	margin:30px 0px 0px 0px;
	}


div#related li{
	font-weight:normal;
	list-style-image: url(common/small_arrow.png); 
	margin:5px 0px 5px 20px;
	}

div#postmetadata p{
	font-size:75%;
	}

.button_outside {
	width:100%;
	margin:0px 0px 20px 0px;
	}
.button_outside:after {
        display:block;
	clear:both;
        height:0;
	visibility:hidden;
	content:".";
	}

.ranking{
	padding:8px 10px 0px 0px;
	float:left;
	}

.cheer{
	color:gray;
	padding:21px 0px 0px 8px;
	float:left;
	}

.pagenav {
-webkit-text-size-adjust: none;
	font-size: 1em;
	margin:15px 0px 15px 0px;
	}

.adsense468 {
	padding:5px 0px 20px 0px;
	}

div#amazonlink ul{
	list-style:none;
	}

div#amazonlink li{
	padding:0px 10px 0px 0px;
        border-bottom-style:none;
	display:inline;
	}

/*blog_space_right
-------------------------------------------------------------*/
div#blog_space_right {
	text-align:left;
	width:250px;
	float:right;
	background-color:#FFFFFF;
	}

div#sidebar {
	width:86%;
	padding:30px 0px 0px 0px;
	}

div#sidebar li {
	list-style-image: url(common/small_arrow.png); 
	margin:0px 0px 8px 20px;
	}

.sb_small_container {
	margin:0px 0px 20px 0px;
	}

.sb_small_container ul {
	margin:20px 0px 20px 0px;
	}

.sidestripe {
	font-size: 1.3em;
	line-height: 130%;
	color:black;
	background-image:url(common/gray_stripe.png);
	padding: 8px 10px 7px 10px;
	border-left-style:solid;
	border-width:5px;
	border-color:black;
	}


/* ++++++ コメント部分のデザイン ++++++ */

#comments h3	{
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 5px;
	}

.com	{
	font-size: 1em;
	line-height: 1.8em;
	border-bottom: dashed 1px gray;
	padding-bottom: 8px;
	margin-bottom: 12px;
	}

.com p	{
	margin: 5px 0;
	}

.commeta	{
	color: #888888;
	text-align: right;
	}

#tb	{
	font-size: 1em;
	border: solid 1px #88ccff;
	padding: 8px;
	margin:0px 0px 8px 0px;
	line-height: 150%;
	}

#commentform	{

	font-size: 1em;
	}

#comments p	{
	margin:8px 0px 0px 0px;
	}


/*white_bottom
-------------------------------------------------------------*/
div#white_bottom {
	width:850px;
	height:100px;
	margin:0px 0px -100px 0px;
	clear:both;
	background-color:white;
	}




/*ワークス

-------------------------------------------------------------*/
div#works_space_left {
	text-align:left;
	width:582px;
	float:left;
	background-color:#FFFFFF;
	}

div#works_space_right {
	text-align:left;
	width:250px;
	float:right;
	background-color:#FFFFFF;
	}

.works_content {
	clear:both;
	width:536px;
	height:168px;
	background-image:url(http://www.h2omag.net/wp-content/themes/original/works/shadow.png);
	background-repeat:no-repeat;
	margin:0px 0px -20px 35px;
	}

.font{
	background-image:url(http://www.h2omag.net/wp-content/themes/original/works/shadow_f.png);
	}

.product{
	background-image:url(http://www.h2omag.net/wp-content/themes/original/works/shadow_p.png);
	}

.motion{
	background-image:url(http://www.h2omag.net/wp-content/themes/original/works/shadow_m.png);
	}

.graphic{
	background-image:url(http://www.h2omag.net/wp-content/themes/original/works/shadow_g.png);
	}

.works_large{
	}

.pic{
	margin:0px 0px -20px 0px;
	padding:35px 0px 0px 14px;
	float:left;
	}

.text{
	padding:40px 0px 0px 20px;
	position:relative;
	float:left;
	}

.text dt{
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 2px 0px;
	}

.text .year{
	font-size:10px;
	color:#00A0FF;
	margin:0px 0px 5px 0px;
	}


.text .pic_number{
	color:red;
	}

.text .concept{
	font-size:12px;
	margin:0px 0px 0px 0px;
	line-height:1.8em;
	}

.gray_text{
	color:gray;
	}

.detail_button{
	position:absolute;
	top:138px;
	}

.detail_button li{
	display:inline;
	margin:0px 3px 0px 0px
	}

.last{
	margin:0px 0px 40px 35px;
	}

/*リンク
-------------------------------------------------------------*/
div#link_space_left h2, div#link_space_center h2, div#link_space_right h2 {
	font-size: 1em;
	color:black;
	background-image:url(http://www.h2omag.net/wp-content/themes/original/common/gray_stripe.png);
	padding: 5px 5px 3px 5px;
	margin: 20px 0px 10px 0px;
	border-left-style:solid;
	border-width:5px;
	border-color:black;
	}

.link_list li {
	line-height:1.5em;
	}

div#link_space_left, div#link_space_center, div#link_space_right {
	text-align:left;
	width:28%;
	float:left;
	margin:0px 3% 40px 0px;
	background-color:#FFFFFF;
	}

.new {
	background: url(http://www.h2omag.net/wp-content/themes/original/common/new.jpg);
	background-repeat: no-repeat;
	background-position:right center;
	padding-right: 33px;
	margin-right: 3px;
	}

/*アバウト
-------------------------------------------------------------*/
div#pagetop_space {
	width:810px;
	height:120px;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 40px;
	text-align:left;
	background-color:white;
	}

div#pagetop_space2 {
	width:810px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 40px;
	text-align:left;
	background-color:white;
	}

.subtitle {
	padding:30px 0px 15px 0px;
	width:100%;
	}

.pagenav_bottom {
	height:30px;
	margin:0px 0px 0px 0px;
	}

.pagenav_bottom p {
	margin:20px 0px 0px 0px;
	}

.page_content {
	clear:both;
	width:100%;
	margin:0px 0px 0px 40px;
	}

.about_content {
	margin:30px 0px 20px 0px;
	display:block;
	}

.page_content p {
	line-height:180%;
	margin:0px 0px 20px 0px;
	}

.form {
        margin:15px 0px 15px 0px;
	}

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

.form_text {
	text-align:left;
	width:20%;
	float:left;
	background-color:#FFFFFF;
	}
.form_box {
	text-align:left;
	width:70%
	float:right;
	background-color:#FFFFFF;
	}

.hissu {
	color:red;
	font-size:70%;
	}


div#blog_space_bottom {
	clear:both;
	padding:30px 0px 0px 0px;
	margin:0px 0px 40px 40px;
	}

/*footer
-------------------------------------------------------------*/
div#footer {
	clear:both;
	width:100%;
	height:100px;
	margin:0px 0px 0px 0px;
	position:relative;
	top:0px;
	background-image:url(common/footer.png);
	}

.copyright {
	padding:75px 0px 0px 0px;
	color:white;
	}