/*   
Theme Name: maruni
Theme URI: http://www.enrichen.co.jp/
Description:マルニ株式会社のブログテーマ
Author: maruni corpotration
Author URI: http://www.enrichen.co.jp/
Version: 1.0
*/




/*==reset---------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}


ol,ul{
	list-style:none;
}

blockquote,q{
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}

:focus{
	outline:0;
}

ins{
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

hr{
	visibility: hidden;
}


/*==default---------------------------------------------*/



html, body, #container {
	margin: 0 auto;
	height: 100%;
} 

body > #container {
	height: auto;
	min-height: 100%;
}  


/*==-----------------------------------------------
clearfix
-------------------------------------------------*/


.clearfix { clear:both; }

.clearfix:after,
#container:after,
#header:after,
#gnavi:after,
#contents:after,
#banner:after,
#footer:after,
.lead:after,
.article:after,
.field:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0.1em;
}

.clearfix,
#container,
#header,
#gnavi,
#contents,
#banner,
#footer,
.lead,
.article,
.field {display: inline-block;}

.clearfix,
#container,
#header,
#gnavi,
#contents,
#banner,
#footer,
.lead,
.article,
.field{
display: block;
}
*/


/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*==共通要素----------------------------------------*/



body {
	background: #FFFFFF;
	text-align: center;
	line-height: 1.5;
	font-size: 0.75em;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Sans-Serif;
	color: #333333;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}


/*==-----------------------------------------------
text decoration
-------------------------------------------------*/
strong{
	color:#DD0000;
}


/*==-----------------------------------------------
link style
-------------------------------------------------*/

a{
	overflow: hidden;

}
a:link {
	color: #0099CC;
}

a:visited {
	color: #6655AA;
	
}

a:hover {
	color: #FF9000;
}

a:active {
	color: #FF9000;
}



/*==-----------------------------------------------
heading style
-------------------------------------------------*/



h3 span.title{
	display:block;
	background: #FFF url(img/share/title_bg.gif) no-repeat 0 50%;
	padding:3px 10px 5px 20px;
}
h3 span.date{
	display:block;
	border-top:solid 3px #e5e5e5;
	background: #fcfcfc;
	padding:2px 10px 0px 3px;
	text-align: right;
	font-weight: normal;
	color: #666666;

	

}
h4{
	width:204px;
	height:29px;
	margin:0 0 10px 0;
}

h5,
h6{
	width:668px;
	margin:0 0 20px 0;
}



.post{
	margin: 0 0 20px 0;	 
}



.entry_body{
	padding: 15px 15px 15px 15px;
	background: #fcfcfc;
	 

}

.entry_body p{
	margin:0 0 1.5em 0;
}

.entry_body dl{
	margin:0 0 1.5em 0;
	padding: 0;
}
.entry_body dt{
	padding: 0;
	margin: 0; 
	font-weight: bold;
	color: #195db8;
}

.entry_body dd{
	margin: 0 0 10px 1.0em;
	padding: 0;
}

.entry_body ul,
.entry_body ol{
	margin:0 0 1.5em 0;
}

.entry_body ul li{
	background: url(img/share/marker.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}

.entry_body table{
	width: auto;
	margin: 0 10px 10px 10px;
	border-collapse:collapse;
	border: solid 1px #DDDDDD;	
}


.entry_body table tr th{
	color: #02053a;
}

.entry_body table tr th,
.entry_body table tr td{
	vertical-align:top;
	text-align: left;
	border: solid 1px #DDDDDD;
	padding: 5px 8px;
}


.entry_foot{
	 background: #5185cc;
	 color: #FFFFFF;
	 padding: 5px 8px;
	 text-align: right;
}

.entry_foot a{
	 color: #FFFFFF;
}

#searchresult {
	 background: #5185cc;
	 color: #FFFFFF;
	 padding: 5px 8px;
margin:0 0 15px 0;

}






/*=----------layouts and module----------*/
html, body{
	text-align: center;
}

body{
}

#container{
	width:911px;
	text-align: left;
	margin: 0 auto 0 auto;
}



.look { background-color: #efc; }

#site {
	width: 100%;
	text-align:center;
	}


/* share this */
#akst_form { font-family:arial, helvetica, sans-serif; font-size: 12px; }


/*==header---------------------------------------------*/

#header{
	padding: 0 0 0 0;
	margin:0 0 10px 0; 
	width:911px;
	height:103px;
	background: url(img/module/header_bg.gif) repeat-x 0 0;
}
#header h1{
	width:300px;
	float:left;
	display:inline;
}
#header p{
	display : none;
}

#header p.toppage{
	float:right;
	margin: 40px 10px 0 0;
	height: 20px;
	width: 75px;
	display: block;
	text-indent: -9999px;
}
#header p.toppage a{
	background: url(img/module/top.gif) no-repeat 0 0;
	height: 20px;
	width: 75px;
	display: block;
}
#header p.toppage a:hover{
	background-position:0 bottom;
}




#header ul {
	margin: 70px 14px 0 0;
	float:right;
}
#header ul li{
	width:208px;
	height:15px;
}


#header ul li a{
	display: block;
	width:100%;
	height:100%;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999px;
	background:#F00 url(img/module/corporate.gif) no-repeat ;
}

#header ul li.corporate a{background-position: 0 0 ;}
#header ul li.corporate a:hover{background-position: 0 -15px ;}



/*==visual---------------------------------------------*/
#visual{
	margin: 0 0 15px 0 ;
	padding: 0;
	width:911px;
	height:183px;
}





#contents {
	width: 911px;
	margin: 0 0 0 0;
	clear:both;
}


.moretext { font-variant: small-caps; font-size: 14px; }




#pagenav { margin: 0px 0px 20px 0px; padding:20px 0px; clear:both; display:block; }
#pagenav p { padding: 0px; margin: 0px; line-height: 100%; font-size: 16px; font-family: arial, helvetica, sans-serif; letter-spacing: -1px; font-weight:bold; }
#previous { float:left; position:relative; margin:0px; padding: 0px; }
#later { float:right; text-align:right; position:relative; margin:0px; padding: 0px; font-size: 12px; letter-spacing: -1px; font-weight:bold; }




/*==main---------------------------------------------*/

#main {
	width:668px;
	margin: 0 0 0 0;
	float: left;
}



/*==sidebar---------------------------------------------*/
#sidebar {
	float: right;
	margin: 0 0 0 0 ;
	width:204px;

}
#sidebar div {
	margin: 0 0 20px 0;
}
#sidebar ul {
	margin: 0 0 0 10px;

}
#sidebar ul li{
	background: url(img/share/marker.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;

}

#calendar table{
	margin:10px auto 10px auto;
}
#calendar caption{
	color:#1284d7;
	font-weight: bold;
}
#calendar th,
#calendar td{
	padding:2px 4px;	
}
#calendar td{
	text-align: right;
}



#sidebar #banner{
	margin: 0;
	padding: 0;
}

#sidebar #banner ul{
	margin: 0 0 15px 0;
	padding:  0 0 0 0 ;
	
}



#sidebar #banner ul li{
	background: none;
	line-height:0;
	padding: 0;
	margin: 0 0 5px 0;
}
#sidebar #banner ul li a{
	border: none;
	margin: 0;
	line-height:0;
}

#sidebar #banner img{
	border: none;
}

#sidebar #banner ul li a:hover img{
	filter: alpha(opacity=40);
	opacity:0.6;
}




/*==footer---------------------------------------------*/
#footer{
	background: #081045 url(img/module/footer_bg.gif) no-repeat 0 0;
	margin: 0 0 0 0;
	width:911px;
	height:45px;
	overflow: hidden;
	
}

#footer p.copyright{
	text-indent: -9999px;
	margin:0;
	width:300px;
	height: 30px;
	float:left;
	
}




/*==function---------------------------------------------*/


p.pagetop {
	margin: 0 0 20px 0px;
	height:12px;
	width:668px;
}

p.pagetop a{
	display:block;
	width:112px;
	height:12px;
	background: url(img/module/pagetop.gif) no-repeat 0 0;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
}
p.pagetop a:hover{
	background: url(img/module/pagetop.gif) no-repeat 0 -12px;
}






/* [forms]
___________________________________ */

#searchtip { margin: 20px; padding: 0px; height:70px; background-color: #fff; line-height: 100%; display:block; }
#who { float:left; margin: 20px 0px 0px 0px; padding: 0px; text-align:left; }
#searcharea { float:right; margin: 20px 0px 0px 0px; padding-right: 20px; }

.form { margin: 0px; padding: 0px; overflow:hidden; }

.input  { padding: 4px; font-size: 1.0em; background: #FFF; border: solid 1px #5185cc; color:#666666; }

.btn {
padding: 2px;
font-size: 1.0em;
background: #5185cc;
border: solid 1px #5185cc;
color:#FFFFFF; 
}

.btn:focus {
background: #FFFFFF;
border: solid 1px #5185cc;
color:#5185cc; 
}




