/*  
Theme Name: Studio-HAGA
Theme URI: http://www.narts.jp/
Description: for Studio-HAGA
Author: NARTS
Author URI: http://www.narts.jp/
*/


/*--- initialize ---*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,a,img,blockquote,th,td {
margin: 0;
padding: 0;
border: 0;
}

#header, #right, #left, #footer, .widget {
overflow: hidden;
}

body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color:#fefefe;
color:#666;
}

a:link,a:active,a:visited,a:hover {
text-decoration:none;
color:#356aa0;
border:none;
}

#wrap {
width:980px;
}


/*--- Header ---*/

#header {
width:980px;
height:45px;
}

#header .title {
float:left;
margin:10px 0 0 10px;
}

#header h1 {
font-size:12px;
font-weight: normal;
color:#aaa;
}

#header .image_r {
float:right;
margin: 10px 0 0 0;
}


/*--- Content ---*/

#content {
/*width:510px;*/
width:500px;
float:left;
margin:20px 0 20px 25px;
line-height: 1.5em;
border-bottom:#ccc dashed 1px;
}

#content .entry {
font-size:14px;
float:left;
width:500px;
text-align:justify;
/*padding:0 0 20px;*/
}

#content h2 {
font-size:20px;
font-weight:normal;
margin:0 0 5px 0;
border-bottom:#ccc solid 1px;
}

#content h3 {
font-size:17px;
font-weight:normal;
margin:0 0 0 0;
}

#content h4 {
font-size:17px;
font-weight:normal;
margin:20px 0 20px 0;
}

#content p {
margin:0 0 15px 20px;
}

#content li {
margin-left:40px;
}

#content table {
border-collapse: collapse;
border-top: 1px solid #333;
border-top: 1px solid #333;
border-left: 1px solid #333;
line-height:125%;
}

#content td {
padding: 3px 5px 3px 5px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}

#content .meta {
font-size:11px;
margin-bottom:10px;
}


.postmetadata {
background:#eee;
border-bottom:1px #ccc solid;
border-top:1px #eee solid;
font-size:10px;
margin:0;
padding:5px;
}

.boxcomments {
border-top:5px solid #ddd;
border-bottom:5px solid #ddd;
margin-bottom:20px;
/*width:510px;*/
width:500px;
}

#commentform {
border-top:1px solid #eee;
margin:0;
padding:15px 15px 1px;
}

#commentform label {
display:block;
margin:0;
}

#commentform input {
width:170px;
margin:0 5px 10px 0;
padding:1px;
}

#commentform textarea {
width:400px;
margin:0 0 10px;
padding:0;
}

#commentform #submit {
margin:0 0 20px;
}

#commentform p {
margin:5px 0;
}

ol.commentlist {
margin:0 0 1px;
padding:0;
}

ol.commentlist :hover {
/* background:url(images/latestbck.gif) repeat-x; */
}

ol.commentlist li {
border-top:1px solid #eee;
display:block;
list-style:none;
margin:0;
padding:15px 15px 1px;
}

ol.commentlist li :hover {
background:none;
}

ol.commentlist li.commenthead {
display:block;
list-style:none;
margin:0;
padding:5px 15px;
}

ol.commentlist li.commenthead h2 {
margin:0;
}

ol.tblist {
border-top:1px solid #fff;
list-style:none;
margin:0 0 1px;
padding:15px;
}

ol.tblist li {
display:block;
list-style:none;
background:transparent url(images/c.gif) 0 2px no-repeat;
padding-left:15px;
margin:0 0 5px;
}

#eof {
width:980px;
clear:both;
height:20px;
background:#fefefe;
margin:0 auto;
padding:0;
}

.navigation {
width:500px;
float:left;
color:#666;
}

.alignright {
float:right;
margin-top:10px;
}

.alignleft {
float:left;
margin-top:10px;
}

/*--- Footer ---*/

#footer {
/* background:url(images/footerbck.gif) repeat-x; */
height:31px;
line-height:31px;
clear:both;
}

.footer {
width:980px;
text-align:right;
font-size:12px;
font-style:normal;
color:#aaa;
}

#footer a {
text-decoration: none;
border: none;
color:#aaa;
}


/*--- Left ---*/

#left {
float:left;
width:200px;
}

#left h2 {
background:url(images/h2.gif) no-repeat;
height:22px;
font-size:14px;
font-weight:bold;
color:#6995c2;
margin:0;
padding:0 0 10px 8px;
}

#left .logo {
margin-left:20px;
height: 123px;
}

#left ul{
	margin: 0;
	list-style: none;
}
#left li{
	display: inline;
}
#left a{
	display: block;
	float: left;
	padding: 0;
	border:0;
	text-decoration: none;
}
#left ul li a:link.menu_1,
#left ul li a:visited.menu_1
{
	background: url(images/menu_home.gif) no-repeat;
}
#left ul li a:hover.menu_1,
#left ul li a:active.menu_1
{
	background: url(images/menu_homea.gif) no-repeat;
}
#left ul li a:link.menu_2,
#left ul li a:visited.menu_2
{
	background: url(images/menu_houjin.gif) no-repeat;
}
#left ul li a:hover.menu_2,
#left ul li a:active.menu_2
{
	background: url(images/menu_houjina.gif) no-repeat;
}
#left ul li a:link.menu_3,
#left ul li a:visited.menu_3
{
	background: url(images/menu_kojin.gif) no-repeat;
}
#left ul li a:hover.menu_3,
#left ul li a:active.menu_3
{
	background: url(images/menu_kojina.gif) no-repeat;
}
#left ul li a:link.menu_4,
#left ul li a:visited.menu_4
{
	background: url(images/menu_jisseki.gif) no-repeat;
}
#left ul li a:hover.menu_4,
#left ul li a:active.menu_4
{
	background: url(images/menu_jissekia.gif) no-repeat;
}
#left ul li a:link.menu_5,
#left ul li a:visited.menu_5
{
	background: url(images/menu_about.gif) no-repeat;
}
#left ul li a:hover.menu_5,
#left ul li a:active.menu_5
{
	background: url(images/menu_abouta.gif) no-repeat;
}
#left ul li a:link.menu_6,
#left ul li a:visited.menu_6
{
	background: url(images/menu_otoiawase.gif) no-repeat;
}
#left ul li a:hover.menu_6,
#left ul li a:active.menu_6
{
	background: url(images/menu_otoiawasea.gif) no-repeat;
}
#left ul li a:link.menu_7,
#left ul li a:visited.menu_7
{
	background: url(images/menu_sitemap.gif) no-repeat;
}
#left ul li a:hover.menu_7,
#left ul li a:active.menu_7
{
	background: url(images/menu_sitemapa.gif) no-repeat;
}
#left ul li a:link.menu_8,
#left ul li a:visited.menu_8
{
	background: url(images/menu_rss.gif) no-repeat;
}
#left ul li a:hover.menu_8,
#left ul li a:active.menu_8
{
	background: url(images/menu_rssa.gif) no-repeat;
}


/*--- Right ---*/


#right {
float:right;
width:230px;
margin: 20px 0 20px 0;
overflow:hidden;
}

#right h2 {
/*background:url(images/h2c.gif) no-repeat;*/
height:22px;
font-size:14px;
font-weight:bold;
color:#6995c2;
margin:0;
padding:0 0 10px 8px;
}

#right ul,#left ul {
list-style-type:none;
line-height:1.5em;
font-size:13px;
}

#right ul li,#left ul li {
list-style-type:none;
margin:0 0 20px;
padding:0;
}

#right ul li ul,#left ul li ul {
list-style-type:square;
margin:0 auto;
padding:0 3px 0 3px;
}

#right ul li ul li,#left ul li ul li {
list-style-type:none;
/* border:0; */
margin:5px 0 0 0;
border-top:#ccc solid 1px;
padding:2px 0 0 0;
}

#right ul li ul li ul.children li,#left ul li ul li ul.children li {
list-style-type:none;
border:0;
margin:0 auto;
padding:0;
}

#right ul li ul li a,#left ul li ul li a {
text-decoration:none;
}

.profile_1 {
border:#ccc solid 1px;
margin-top:5px;
padding:10px;
}
