/*  
Theme Name: digihon
Description: Wordpress Theme for Fall
Version: 2.0
Author: gorow
Author URI: http://www.ebreday.net
Tags: harvest, fall, orange, two columns, fixed width, widget ready,left sidebar
Changes: fixed sidebar to remove theme-switcher is now located in sidebar.php
and fixed images in post
*/


/*** 【文字設定】 ***/

/* テキスト=茶：#3F2109 */
/* リンク=濃水色：#729A98 */
/* ヴィジット=濃桃：#FF007F */
/* マウスオン=水色：#A2D7D4 */



* {margin: 0; padding: 0;}


/*----------------------------------------------------------------*/
/* 基本テキスト設定 */
/*----------------------------------------------------------------*/

/* 基本ベース */


body {
background-color: #FFF;
font-family: Arial,Verdana,sans-serif;
font-size: 11px;
line-height:20px;
letter-spacing:2px;
color: #3F2109;
margin: 0;
padding: 0;
text-align:center;
background-image:url(img/back-body.jpg);
background-repeat:repeat;
}

#white {
width: 100%;
clear:both;
float:right;
background-image:url(img/back-white.jpg);
background-repeat:repeat;
}

#wap {
width: 1050px;
margin: 0px auto;
}

a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/*----------------------------------------------------------------*/
/* ヘッター */
/*----------------------------------------------------------------*/


#head {
width: auto;
height: 220px;
margin: 20px auto 0;
padding: 0;
background-image:url(img/back-top01.jpg);
background-repeat:repeat-x;
background-position: top center; 
}

.snsbotan{
width:630px;
height:20px;
float:left;
clear:both;
}

.snsbotan-topic{
width:600px;
height:20px;
float:left;
clear:both;
margin:20px 0;
}

.facebook{
width:auto;
height:20px;
float:right;
text-align:right;
margin:0 20px 0 0;
}

.twitter{
width:100px;
height:20px;
float:right;
text-align:right;
margin:0 10px 0 0;
}



#gotonews{
witdh:600px;
height:50px;
clear:both;
}

#gotonews a:link {color: #30261B;background-color:#A2D7D4;text-decoration: none; padding:2px;}
#gotonews a:visited {color: #30261B;background-color:#A2D7D4;text-decoration: none; padding:2px;}
#gotonews a:hover {color: #93601B;background-color:#A2D7D4;text-decoration: none;}




/*----------------------------------------------------------------*/
/* タイトル設定 */
/*----------------------------------------------------------------*/


#title { padding: 50px 0 0 10px;
margin: 0 10px;
font-size: 1.9em;
text-align: left;
color: #000;
background-color: transparent
}

/* タイトルリンク */

#title a:link { color: #30261B; text-decoration: none; background-color: transparent }
#title a:visited { color: #30261B; text-decoration: none; background-color: transparent }
#title a:hover { color: #93601B; background-color: transparent }


#desc { padding: 0px 20px 0px 10px; margin: 0 10px; text-align: left; }



/*----------------------------------------------------------------*/
/* 左カラム設定 */
/*----------------------------------------------------------------*/


#left { float: left;
width: 150px;
margin: 0 50px 0 0px;
font-size:9px;
color: #000;
text-align:left;
}

#left h2 { margin: 0 0 0px ;
padding: 0px;
font-size: 1em;
}

.left_ma{
width:20px;
height:20px;
clear:both;
}

.logo{
width:130px;
height:85px;
margin:10px 0 20px;
}

.menu{
width:130px;
height:40px;
margin-bottom:10px;
}



/* 左カラムリスト */

#left ul { margin: 0px; padding: 0; }
#left ul li { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }
#left li { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }
#left ul ul li { list-style-type: none; color: #5D2816; margin: 0px 5px 0px 10px; padding: 0px 5px 5px 5px; }
#left ul.children { margin: 0px; padding: 5px 5px 0px 0px; }
#left ul.children li { margin: 0px; padding: 0px 5px 5px 12px; }
li { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }


/*----------------------------------------------------------------*/
/* 左カラム設定 */
/*----------------------------------------------------------------*/


#right { float: left;
width: 150px;
margin: 100px 0 0 50px;
font-size:9px;
color: #000;
text-align:left;
}

.textwidget{
margin-bottom:20px;
}


/*-----------------------------------------------------------*/
/* コンテンツ設定 */
/*----------------------------------------------------------------*/

#content {
float: left;
width: 630px;
padding: 0;
text-align:left;
}

#pagecontent {
width: 600px;
margin: 0 0 0 30px;
padding: 0;
text-align:left;
clear:both;
}

#blogsidebar{
width:150px;
float:left;
margin:10px 30px 0 0;
text-align:left;
font-size:9px;
}

.blogmenu{
width:170px;
height:40px;
float:left;
clear:both;
margin:0 0 5px 0;
}

.blogmenuwap{
width:150px;
height:auto;
float:left;
clear:both;
margin:0 0 20px 0;
}


.archivemenuwap{
width:150px;
height:auto;
float:left;
clear:both;
margin:0 0 10px 0;
}



#blogcontent {
width: 400px;
float:left;
clear:both;
}

#content .post { 
margin: 0px;
line-height: 20px;
}


.fb-like{
with:100%;
height:30px;
float:right;
clear:both;
}

/* コンテンツ細々設定 */

#content .post p { padding: 0 0 15px 0 }
#content .post blockquote { padding-top: 0px; padding-bottom: 0px; }
#content .post blockquote p { margin: 5px 0 0 0; padding: 10px 5px 10px 5px; border-left: 2px solid #8B7448; border-right: 2px solid #8B7448; }


/* コンテンツリスト */

#content ul { margin: 0px; padding: 0 5px 0 40px; }
#content li { list-style-type: disc;  color: #5D2816; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }
#content ol { margin: 0px; padding: 0 5px 0 40px; }
#content ol li { list-style-type: none;  color: #5D2816; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }
#content img { border:0px; vertical-align: middle; }


/* ポストデータ */

.posttitle{
	margin-bottom:20px;
}

.posttitle_back{
	background-color:#A2D7D4;
	padding:3px 10px;
	font-family:serif;
}

.meta { margin: -2px 0px 0px 0px; padding: 0; font-size: 0.75em; font-weight: bold; }
.postmetadata { color:#A2D7D4 ;font-size: 0.75em; font-weight: bold; text-align: right; }


.postbar{
	background-image:url(img/post_bar.gif);
	background-repeat:no-repeat;
	width:450px;
	height:3px;	
	margin:0 auto 30px auto;
	clear:both;
}

.pagetitle{
width:100%;
height:50px;
clear:both;
}

.title {
display: block;
overflow: hidden;
height: 70px;
width: 130px;
margin-bottom:30px;
position:
}

.title-archive {
display: block;
overflow: hidden;
height: 70px;
width: 130px;
margin-bottom:10px;
position:
}

/* トップページ用 */

#slideshow{
width: 600px;
margin: 0 0 30px 30px;
padding: 0;
text-align:left;
clear:both;
}

#toppage {
	width: 800px;
	margin-top: 50px;
}

#topmenu {
	width:800px;
	height:120px;
	margin:0 auto 20px auto;
	text-align:center;
	clear:both;
}

#toptitle {
	width:800px;
	height:80px;
	margin:50px auto;
	text-align:center;
	clear:both;
}

#toppage ul { list-style:none; }
#toppage li{ float:left; margin: 0 40px;}

#topinfo {
	width:700px;
	height:290px;
	clear:both;
	margin:50px 50px;
}

.topinfo-l{
	width:310px;
	float:left;
}

.toptext{
	width:310px;
	height:120px;
	margin: 20px 0 50px;
}

.topinfo{
	width:310px;
	height:100px;
}

.topinfo-r{
	width:390px;
	float:right;
}

.topmap{
	width:370px;
	height:290px;
	margin:0 10px;
}


/* ドメイン用 */

.domain-title{
width:150px;
height:100px;
margin-bottom:30px;
clear:both;
}

.domain-subtitle{
width:200px;
height:30px;
margin-bottom:10px;
clear:both;
}

.domain-picwap{
witdh:550px;
height:130px;
clear:both;
text-align:center;
margin-bottom:50px;
}

.domain-pic{
width:150px;
height:130px;
margin:0 15px;
float:left;
}

.domain-pic01{
width:150px;
height:130px;
margin:0 15px 0 117px;
float:left;
}

.domain-pic02{
width:150px;
height:130px;
margin-right:117px;
float:left;
}


/* コンテンツ用 */

.topimg{
	width:120px;
	height:120px;
	margin-bottom:50px;
	clear:both;
}


/* プロジェクト用 */

.project-wap{
witdh:548px;
height:150px;
clear:both;
}

.project{
width:250px;
height:110px;
float:left;
margin:0 12px;
text-align:center;
}

.project-last{
width:100px;
height:150px;
float:left;
}

.project-wap .wp-caption-text{
text-align:center;
width:250px;
font-size:7pt;
line-height:8pt;
}

/* 投稿者用 */

.authorcolor{
	color:#0088B2;
	font-size:1.5em;
	vertical-align: middle;
}


/* product用 */


#app{
width:600px;
height:auto;
float:left;
clear:both;
}


#app a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


.app-wap{
width:600px;
height:230px;
float:left;
clear:both;
margin:0 0 50px 0;
}

.app-l{
width:170px;
height:225px;
float:left;
margin:0 45px 0 0;
}

.app-c{
width:170px;
height:225px;
float:left;
margin:0 45px 0 0;
}


.app-r{
width:170px;
height:225px;
float:left;
margin:0;
}


.app-title{
font-size:11px;
line-height:12px;
font-weight:bold;
}


.app-text{
width:170px;
height:20px;
font-size:9px;
line-height:11px;
float:left;
clear:both;
}


#youtube{
width:600px;
height:auto;
margin:50px 0;
float:left;
clear:both;
}

.youtube-wap{
width:600px;
height:300px;
float:left;
clear:both;
}

.youtube-l{
width:270px;
height:300px;
margin:0 60px 0 0;
float:left;
}

.youtube-r{
width:270px;
height:300px;
margin:0;
float:left;
}

.youtube-text{
width:270px;
font-size:9px;
line-height:11px;
float:left;
clear:both;
}


/* アーカイヴ用 */

.arc-wap{
	width: 600px;
	height: auto;
	margin-bottom: 30px;
	float: left;
	clear: both;
	display: inline;
}

.arc-l{
	width: 200px;
	height: 200px;
	margin-right: 50px;
	float: left;
	display: inline;
}

.arc-r{
	width: 350px;
	height: auto;
	padding-top: 30px; 
	float: left;
	display: inline;
}


/*----------------------------------------------------------------*/
/* フッター設定 */
/*----------------------------------------------------------------*/

#foot {
height: 200px;
background-image:url(img/back-down01.jpg);
background-repeat:repeat-x;
background-position:bottom center;
clear: both;

}

#foot p { padding: 10px;
text-align: center;
font-size: 0.75em;
}



/*----------------------------------------------------------------*/
/* コメント設定 */
/*----------------------------------------------------------------*/


#commentlist {
margin: 0px;
padding: 0px;
}

#commentlist li {
list-style-type: none;
margin: 10px 0px 10px 0px;
padding: 5px 15px 0px 15px;
border: 1px solid #666;
}

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

#commentlist .commentmeta {
font-weight: bold;
margin-bottom: 5px;
font-size: 0.75em;
}

#commentlist .alt {
background-color: #FFF;
border-color: #000;
color: #000;
}

#commentlist blockquote {
background-color: #FFF;
border: 1px solid #666;
color: #000;
}

#commentlist .alt blockquote {border-color: #666;}
#commentform p { margin: 10px 0px 0px 0px; padding: 0px; }
#commentform textarea { width: 350px; }


/*----------------------------------------------------------------*/
/* アーカイブ用 */
/*----------------------------------------------------------------*/

#list li {
    width: 150px;
    height: 200px;
    margin: 20px;
    float: left;
    display: inline;
    list-style-type: none;
}



/*----------------------------------------------------------------*/
/* 一般設定 */
/*----------------------------------------------------------------*/

/* リンク */

a:link{ color: #729A98; background-color: transparent }
a:visited { color: #729A98; background-color: transparent }
a:hover { color: #A2D7D4; }


/* 引用 */

blockquote {
color: #000;
margin-left: 10px;
margin-right: 15px;
padding: 10px 20px 10px 30px;
}

/* 文中文字設定 */

.midashi{
color:#729A98;
font-weight:bold;
font-size:1.2em;
margin:10px 0;
}

.small{
color:#729A98;
font-size:0.9em;
line-height:15px;
}

/* H1-H4 */

h1 { margin: 0; padding: 2px 0 2px 0; background-color: transparent;   font-size: 1em;posttitle_back }
h2 { background-color: transparent; color:#30261B;  font-size: 1.3em; } 
h3 { background-color: transparent; color:#30261B;  font-size: 1.2em; } 
h4 { background-color: transparent; color:#30261B;  font-size: 1.0em; } 

h1 a { color: #3F2109; text-decoration: none; }
h1 a:link { color: #3F2109; text-decoration: none; }
h1 a:visited { color: #3F2109; text-decoration: none; }
h1 a:hover { color: #3F2109; text-decoration:underline; }


/* フォーム */

form { margin: 0px; padding: 0px; }
form input, form textarea, form submit { border: 1px solid #A2D7D4; background-color:#FFF; }


/* イメージ設定 */

img.centered {display:block; margin: 0 auto 5px auto; border:1px solid #8B7448; padding:2px; }

img.alignright { display: inline; border:1px solid #8B7448; margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }

img.alignleft { display: inline; border:1px solid #8B7448; margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }

img.border { border:1px solid #8B7448; padding:2px; }


/* イメージ位置設定 */

.alignleft { float:left; text-align:left; }
.alignright { float:right; text-align:right; }
.aligncenter { display: block;margin-left: auto;margin-right: auto;}


acronym { cursor: help; border-bottom: 1px dotted #96A66D }