/*  
Theme Name: YUMA
Theme URI: http://www.narts.jp/
Description: for YUMA Teaching Japanese Firm
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,#h_side,#profile, .widget {
overflow: hidden;
}

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

a {
text-decoration: none;
color:#356aa0;
border:none;
}
a:hover {
/* text-decoration: underline; */
color:#ff6600;
}

#wrap {
width:800px;
margin: 0 auto;
}


/*--- Header ---*/

#desc {
margin:10px 0 10px 0;
}

#desc h1 {
font-size:12px;
font-weight: normal;
color:#aaa;
}

#header .title_logo {
float:left;
/* height:65px; */ 
}

#header .title_r {
font-size:12px;
float:right;
}

#menu {
clear:both;
margin:10px 0 10px 0;
}


/*--- HOME only ---*/

#home_1 {
float:left;
width:240px;
}

#home_2 {
float:right;
width:540px;
}

#home_3 {
clear:both;
width:800px;
font-size:14px;
}

#home_3 h2{
font-size:18px;
font-weight:normal;
}

#home_1 img, #home_2 img {
margin: 0 0 10px 0;
}


/*--- Home Sidebar(News) & Profile ---*/

#h_side {
float:left;
width:330px;
}

#profile {
float:left;
margin-left:10px;
width:200px;
font-size:14px;
}

#h_side h2 {
font-size:18px;
font-weight:normal;
line-height:26px;
}

#profile h2 {
font-size:18px;
font-weight:normal;
line-height:26px;
border-bottom:#ccc solid 1px;
}

#profile img {
margin: 2px 0 2px 0;
}


#h_side ul {
list-style-type:none;
/* line-height:1.5em; */
line-height:25px;
}

#h_side ul li {
border-top:#ccc solid 1px;
list-style-type:none;
font-size: 14px;
}



/*--- Content ---*/

#content {
width:565px;
float:left;
margin:20px 0 20px 25px;
font-size:14px;
line-height: 1.5em;
border-bottom:#ccc dashed 1px;
}

#content h2 {
font-size:20px;
font-weight:normal;
margin:2px 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: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;
}

.navigation {
/* width:500px; */
float:left;
color:#666;
}

.alignright {
float:right;
margin: 0 0 10px 10px;
}

.alignleft {
float:left;
margin: 0 10px 10px 0;
}

/*--- Footer ---*/

#footer {
width:800px;
height:30px;
line-height: 30px;
clear:both;
background:#FF6600;
margin:20px 0 0 0;
text-align:center;
font-size:12px;
font-style:normal;
color:#fefefe;
}

#footer a {
text-decoration: none;
border: none;
color:#fefefe;
}


/*--- Left ---*/

#left {
float:left;
width:200px;
font-size:14px;
margin: 20px 0 0 0;
}

#left h4 {
background:url(images/h2.gif) no-repeat;
height:22px;
font-size:16px;
font-weight:bold;
color:#6995c2;
margin:0;
padding:0 0 5px 8px;
}

#left .logo {
margin-left:20px;
height: 123px;
}

#left ul{
	margin: 0 0 10px 0;
	list-style: none;
}
#left li li li{
	margin: 0 0 0 10px;
/*	display: inline; */
}
#left a{
/*	display: block; */
/*	float: left; */
	padding: 0;
	border:0;
	text-decoration: none;
}

/*--- Right ---*/


#right {
float:right;
width:230px;
margin: 20px 0 20px 0;
overflow:hidden;
}