/*
Theme Name: SAMPLE 01
Theme URI: http://www.at-factory.com/
Description: ECLite for WP
Author: AT-FACTORY Inc.
*/

body{
margin: 10px;
padding: 0;
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Arial,sans-serif;
font-size: 62.5%;
color:#333;
}

#container {
width: 790px;
margin:0 auto;
border:solid 1px #FF9900;
}

#header, #main, #footer	{
margin: 15px;
}

#content	{
width: 500px;
float: left;
}

a{
color: #3366aa;
}

img{
border:none
}

h3{
font-size: 1.4em;
color: #3366aa;
border-top: solid 2px #FF9900;
padding: 5px ;
}

/* ++++++ ヘッダー部分のデザイン ++++++ */

#header	{
background:url(images/header_bg.jpg) no-repeat right top;
position:relative;
padding:0 0 25px 0;
border-bottom:solid 2px #FF9900;
}
	
.sub-navi-contact li{
background:url(images/icon_email.gif) no-repeat left center;
position:absolute;
top:10px;
right:0;
*right:15px;
font-size:1.4em;
list-style:none;
padding-left:20px;
}


#header p{
font-size: 1.2em;
margin-top: 4px;
font-weight:bold;
color:#FF9900;
}


/* ++++++ コンテンツ部分のデザイン ++++++ */

#topics{
border:solid 1px #CCC;
background-color:#efefef;
}

#topics ul{
list-style:none;
padding-left:15px;
}

.category h2{
font-size: 1.2em;
background-color: #FF9900;
color: #ffffff;
margin: 0;
padding: 6px;
}

.category p{
font-size: 1.2em;
}

.post h2{
font-size: 1.2em;
color: #3366aa;
border-bottom: solid 2px #FF9900;
background-image: url(images/mark.gif);
background-repeat: no-repeat;
padding: 5px 0 5px 30px;
}

.post h2 a{
text-decoration: none;
}

.post p{
font-size: 1.2em;
color: #333333;
line-height: 150%;
}

.post{
margin-bottom: 50px;
}

.pagenav{
font-size: 1.2em;
}

.post img{
float:left;
margin:0 10px 10px 0;
}

/* ++++++ サイドバー部分のデザイン ++++++ */

.widget{
list-style:none;
}

#sidebar{
width: 230px;
float: right;
margin-left: 30px;
font-size: 1.2em;
line-height: 180%;
}

#sidebar ul	{
color: #66aaff;
list-style-type: disc;
margin: 3px 0 20px 20px;
padding: 0;
}

#sidebar ul ul	{
margin-bottom:3px;
}

#sidebar h2	{
font-size: 1em;
background-color: #FF9900;
color: #ffffff;
text-align:center;
margin: 0;
padding: 6px 0;
}
	
#qc{
text-align:center;
background-color:#FFF8EE;
padding:10px;
margin-bottom:10px;
}

.recommend{
text-align:center;
padding:10px 0 5px 0;
margin-bottom:20px;
background-color:#FFF8EE;
}


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

#comments h3{
font-size: 1.2em;
border-bottom: solid 2px #FF9900;
padding-bottom: 5px;
}

.com{
font-size: 1.2em;
border-bottom: dotted 2px #FF9900;
padding-bottom: 8px;
margin-bottom: 12px;
}

.com p{
margin: 5px 0;
}

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

#tb{
font-size: 1.2em;
border: solid 1px #CCC;
padding: 8px;
line-height: 150%;
}

#commentform{
font-size: 1.2em;
}



/* ++++++ フッター部分のデザイン ++++++ */
#footer{
clear: both;
padding-top:20px;
}


#footer address{
font-size: 1.2em;
font-style: normal;
text-align: center;
color: #ffffff;
background-color: #FF9900;
padding: 3px 0 6px;
}