/*
Theme Name: megane life
Theme URI: http://blog.megane.to/
Description: by takashi takahashi
Version: 1.0
Author: takashi.takahashi
Author URI: http://monoq.net
*/

/*
	TAG PRINCIPALI
*/

html {
	margin:0;
	padding:0;
}

body {
	margin: 0;
	padding: 0 0 0 40px;
	color: black;
	background-color:white;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: right bottom;
	background:transparent url('images/background.gif') repeat-y 40px top;
	font-family: 'Hiragino Mincho Pro',"ヒラギノ明朝 Pro W3", "ヒラギノ明朝 ProN W3" "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 12px;
}

img {
border: 0;
}



.left {
	text-align:left;
}

.right {
	float:right;
	text-align:left;
}


a {	color: black; text-decoration: none; }
a:active { outline: none; }
a:focus { outline: none; }
a:hover { }


hr {
display: none;
}



.clear{
	clear: both;
	height: 0px;
	font-size:0px;
	line-height: 0px;
}


h1, h2, h3, h4, h5, h6, form, select, p, pre, blockquote, label, ul, ol, dl{
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	/*line-height: 10px;*/
}

ul{
	list-style: none;
}

h1 {
	/*display: none;*/
}






#header {
	margin-top:60px;
	padding-bottom: 25px;
	height:100px;
}
#header h1{
	margin:0;
	padding:0;
	font-size:16px;
	text-indent:-9999px;
	background: transparent url(images/title.gif) no-repeat left top;
	margin-bottom:35px;
	height:72px;
}
#header h1 a{
	width:142px;
	height:72px;
	display:block;
}
#header h2 {
	padding:0;
}



/*
 * CONTENTS * * * * * * * * * * * * * * * * * * * * * 
 */

#wrapper {
	/*margin: 0 auto 0 auto;*/
	padding: 0;
	width: 800px;
	text-align: left;
}

#cont {
}

#cont #right{
	float:left;
	width:200px;
	text-align:left;
	padding-left:10px;
	/*background-color:red;*/
}

#cont #left{
	width:465px;
	float: left;
	text-align:left;
	margin-right:0px;
	/*background-color:blue;*/
}

#cont h3 {
	font-size: 18px;
	font-weight: bold;
}




.archive{
	font-size:12px;
	line-height:24px;
}


/*
 * post
 */

#cont .post-wrap{
	width:430px;
	margin-bottom:75px;
}

#cont .post{
	padding:5px 0x 0px;
	margin:0px;
}

#cont .post p{
	font-size:12px;
	line-height:20px;
	margin-bottom:16px;
}


#cont .post h2{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	background:transparent url('images/pt-dot1.gif') repeat;
	padding:26px 5px 9px 0;
	margin-bottom:26px;
}

#cont .post h2 a{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	/*margin:26px 8px 9px 0;*/
	padding:8px 14px 8px 3px;
	display:inline-block;
	background:white url(none);
}

#cont .post a{
	background:transparent url('images/pt-dot1.gif') repeat;
	padding:5px;
}

#cont .date{
	width:80px;
	padding:1px 4px;
	background-color:#FCEE21;
	font-weight:14px;
	padding-top:4px;
	font-weight:bold;
}

#cont #left img{
	display: block;
	/*border: 10px solid white;*/
	margin-bottom:10px;
	background-image:url(images/pt-dot3.gif);
	padding:10px;
}

#cont #left img.noborder{
	display: block;
	padding:0;
	background-image:none;
	border: none;
}

#cont .post a { text-decoration: none;}
#cont .post a:active {  }
#cont .post a:focus {  }
#cont .post a:hover {  }



#cont .post .postfoot{
	text-align:right;
	font-size: 10px;
	line-height: 12px;
	margin-top: 55px;
	margin-bottom: 20px;
}
#cont .post .postfoot a {
	background:transparent url(none);
	padding:0px;
}






/*
	SIDEBAR * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/

#sidebar {
	margin: 0;
	margin-bottom: 40px;
	padding: 0 0 0 0;
	width: 200px;
	font-size: 12px;
	/*line-height: 1px;*/
}

#sidebar select{
	width:150px;
}

#sidebar ul {
	font-size:10px;
	line-height:14px;
	padding: 0;
	margin:8px 0 0 0;
	list-style-type: none;
}

#sidebar ul li {
	margin-bottom:5px;
	background-color:#edf2f8;
	height:16px;
}

#sidebar ul li.search {
	/*padding-bottom: 14px;*/
}

#sidebar ul li a{
	display:block;
	padding-left:10px;
	background-color: trnsparent;
	height:16px;
}

#sidebar ul li a{
	display:block;
	padding-left:10px;
	font-weight:normal;
	height:16px;
}
#sidebar ul li a:active {  }
#sidebar ul li a:focus {  }
#sidebar ul li a:hover { 
	background-color:#FCEE21;
	color:black;
}



#sidebar .menu-title{
	/*padding-top:20px;*/
	width:170px;
	margin-bottom:25px;
}


/* @@@ debug 
#sidebar{ background-color:red;}*/

#sidebar .menu-recomend{
	background:transparent url('images/mn_recomend.gif') no-repeat left top;
}
#sidebar .menu-profile{
	padding-top:0;
	background:transparent url('images/mn_profile.gif') no-repeat left top;
}
#sidebar h3{
	text-indent:-9999px;
	height:20px;
	line-height:1px;
}
#sidebar h3#menu-profile{
	background:transparent url('images/mn_profile.gif') no-repeat left top;
}
#sidebar h3#menu-category{
	background:transparent url('images/mn_category.gif') no-repeat left top;
}
#sidebar h3#menu-monthly{
	background:transparent url('images/mn_archive.gif') no-repeat left top;
}
#sidebar h3#menu-link{
	background:transparent url('images/mn_link.gif') no-repeat left top;
}
#sidebar .menu-search{
	background:transparent url('images/mn_search.gif') no-repeat left top;
}
#sidebar .menu-bnr{
	background:transparent url('images/mn_official.gif') no-repeat left top;
	padding-top:35px;
	font-size:10px;
}
#sidebar .menu-bnr img{ margin-bottom:7px }


#sidebar #name-takahashi{
	height:16px;
	text-indent:-9999px;
	background:transparent url('images/name_takahashi.gif') no-repeat left top;
	margin-top:12px;
}
#sidebar #name-ikeda{
	height:16px;
	text-indent:-9999px;
	background:transparent url('images/name_ikeda.gif') no-repeat left top;
	margin-top:12px;
}
#sidebar .profile-box{
	background-color:white;
	padding:5px 5px 7px;
	font-size:10px;
	line-height:16px;
}



/*
	FOOTER * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/

#footer {
	padding-top:18px;
	text-align: left;
	height:100px;
}

#footer #copyright{
	font-size: 10px;
	padding-top:3px;
	color:#333;
}




/*
	ARCHIVE / CATEGORY * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
#archive #header,
#search #header {
	background-image: none;
}

#archive #navi{
	margin-top:30px;
}


#archive #navi h3{
	font-size: 16px;
	line-height:16px;
	color:#00484A;
	margin-bottom:10px;
}


#archive #navi ul{
	font-size: 16px;
	list-style-type: none;
	height: 70px;
	/*margin-bottom: 25px;
	background-color:#ccc;*/
}

#archive #navi ul li{
	font-size:12px;
	line-height: 12px;
	font-weight: bold;
	float: left;
	margin-right: 12px;
}

#archive #navi ul li.top{
	float: none;
}

#archive #navi ul li a{
	color: #666666;
}


#archive #cont .post{
	margin-bottom:40px;
}




.arc-title{
	border-bottom: 1px solid #ededed;
	background: transparent url(img/grass_archive.gif) no-repeat left bottom;
	background: #ccc url(img/grass_archive.gif) no-repeat left bottom;
	height: 56px;
}

#archive #cont .post h2{
	font-size: 22px;
	line-height:22px;
	font-weight: bold;
	color: #00484A;
	padding-top:11px;
}



/*
	SEARCH * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/


#search #cont .post{
	margin:0;
}


#search #cont .post h3{
	font-size: 16px;
	line-height: 16px;
	color: #00484A;
	margin-bottom: 4px;
}

#search #cont .post h4{
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #00484A;
}

#search #cont .date{
	font-size: 12px;
}

#search #cont .post p{
	line-height: 20px;
}

#search li{
	margin-bottom: 25px;
}

#search div.body{
	width: 600px;
}




 input#s {
	width: 100px;
}

input[type="submit"] {
	font-size:10px;
}


#searchform input[type="image"] {

}



/*
 * コメント　*　*　*　*　*　*　*　*　*　*　*　*　*　*　*　*　*　*　
 */

#cont #comments{
	margin-top:40px;
}

#cont #comments h3{
	text-indent:-9999px;
	font-size:1px;
	height:0px;
}
#cont #comments p{
	font-size:12px;
	line-height:16px;
}

#cont .post a{
	background-image:none;
	padding:0;
}


#comment-block{
	margin-left:7px;
	margin-right:10px;
}


ol.commentlist {
	list-style: none;
	margin-bottom: 20px;
}
ol.commentlist li {
	margin-bottom: 30px;
}
ol.commentlist li .comtext{
	padding:8px;
	background:transparent url('images/pt-dot1.gif');
}
ol.commentlist li.author .comtext{
	background:transparent url('images/pt-dot2.gif');
}
ol.commentlist li p{
	padding:5px;
	background-color:white;
}
ol.commentlist li .comcursor{
	width:100px;
	height:17px;
	background: transparent url('images/comm_dot_cursor1.gif') no-repeat 13px 0;
}
ol.commentlist li.author .comcursor{
	background: transparent url('images/comm_dot_cursor2.gif') no-repeat 13px 0;
}
.wait-comment{
	font-size:10px;
	color:red;
}


#commentform {
	margin-top: 40px;
}
#commentform h4{
	text-indent:-9999px;
	font-size:1px;
	height:0px;
}
#commentform p {
	margin-bottom: 10px;
	padding: 0;
}

#commentform input {
	font-size: 10px;
	width: 200px;
	height: 16px;
}

#commentform label {
	color: #333;
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding:0;
	height:18px;
	margin-top:7px;
	margin-bottom:2px;
}


#commentform input,
#commentform textarea{
	padding: 0px 2px;
	border: 1px solid #ccc;
	color: #333;
	height: 18px;
	font-size: 11pt;
	background-color: white;
}
#commentform input:focus,
#commentform textarea:focus{
	background-color:#EDF2F8;
}
#commentform textarea{
	width:350px;
	height:85px;
}
#commentform input[type="submit"]{
	font-size: 12px;
	width: 150px;
	cursor: pointer;
	background-color:#FCEE21;
	margin-top:5px;
}





/*
 * 簡易アフィリエイト用 (テスト)
 */
#cont .af img{
	border:none;
}