/* CSS Document */

/*
Theme Name: T_kimura_2c_nanapi
Theme URI: http://kimura.debug-japan.com/
Description: Ten pre by which Mr. Kimura did a custom!
Author: Tkimura
Author URI: http://kimura.debug-japan.com/
Version: 3.0
*/
/*--------------------------------------------------*/

body {
	font-family:Arial,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,Osaka,”メイリオ”,Meiryo,”ＭＳ Ｐゴシック”,”MS PGothic”,sans-serif;
	word-break: break-all;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.6;
	background:#c7cde0;
	color:#333;
}

a{
	transition:0.2s;
	font-weight:bold;
}

a:link{color:#1681b2; text-decoration:none;}
a:visited{ color:#3030c1; text-decoration:none;}
a:active { color:#3030c1; text-decoration:underline;}
a:hover { color:#339DE3; text-decoration:underline;}

/*--------------------------------------------------*/

#wrapper {
	max-width: 1100px;
	margin: 0 auto;
}

#ms_wrapper{
}

#m_wrapper{
	width: 70%;
	float: right;
}

#s_wrapper{
	width: 27%;
	float: left;
}

#main {
	background:#fff;
	padding:2em;
	border-radius: 3px;
}

#side{
	padding:2em;
	background:#fff;
}

/*--------------------------------------------------*/

#header {
}

#header #info_area{
	max-width:1100px;
	margin:0 auto;
	padding:1em;
}

#header #site_title {
	font-size: 27px;
	font-weight: bold;
}

#header #site_title a {
	text-decoration:none;
	color:#333;
}

#header #site_title a:hover {
	color:#339DE3;
}

#header #description {
	font-size:11px;
	color:#333;
}

#head_img {
	text-align:center;
	padding-bottom:1em;
}
#head_img img {
	width:100%;
	vertical-align: bottom;
	border-radius: 3px;
}

#main h1, #main h2 {
	margin-bottom:5px;
	color:#fff;
	background:#596CB2;
	padding:15px;
	border-radius: 3px;
}
#main h1 a, #main h2 a {
	color:#fff;
	text-decoration:none;
}

#main h1 a:hover, #main h2 a:hover {
	text-decoration:underline;
}

#main #result_title{
	margin-bottom: 10px
}

#main #result_title h1{
	margin-bottom: 20px;
	color:#444;
	font-size:20px;
	background:#fff;
}

#main div {
	margin-bottom:3em;
}

/*#main div a {
	font-weight: bold;
}*/

#main #pagination {
}

#main .error_title {
	font-size: 20px
}

/*#side a:link,#side a:visited,#side a:active,#side a:hover{
	color:#000;
	text-decoration:none;
}

#side a:hover {
	color:#eee;
}*/

#side .widget {
	margin-bottom:3em;
}

.widget_recent_entries,
.widget_archive{
}

#side .side_title {
	color:#333;
	font-weight:bold;
	font-size:18px;
	margin-bottom:5px;
}

#side ul{
	font-size:0;
}

#side li{
	margin:0;
	padding:0;
	vertical-align:top;
	font-size:13px;
	border-bottom:1px solid #ddd;
	position:relative;
}

#side li:before{
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background-image:url(images/icon.png);
	width:12px;
	height:12px;
}

#side li a{
	display:block;
	padding:0.5em 0 0.5em 2em;
}

#side li a:hover{
	background:rgba(255,255,255,0.3);
}

#side #search_form{
	text-align:center;
}

#side #search_form #searchsubmit{
	background-color: #596cb2;
	border:1px solid #596cb2;
;	color:#fff;
	border-radius:4px;
	line-height: 1.7;
	cursor:pointer;
	transition:0.2s;
	margin-bottom:4px;
	font-family:Arial,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,Osaka,”メイリオ”,Meiryo,”ＭＳ Ｐゴシック”,”MS PGothic”,sans-serif;
	box-shadow:rgb(57, 71, 125) 0px 3px 0px 0px;
}

#side #search_form #searchsubmit:hover{
	background-color:#9aa5cc;
	border:1px solid #9aa5cc;
}

#side #search_form #searchsubmit:active{
	background-color:#9aa5cc;
	box-shadow:none;
	margin-bottom:0;
}

#side #search_form #s {
	width: 60%;
	line-height: 2;
	background-color:#fff;
	border:1px solid #ccc0b4;
	border-radius:4px;
}

.pagetop a{
	text-decoration:none;
}

#footer {
	text-align: right;
	color: #fff;
	padding: 10px;
	font-size:13px;
	text-align:center;
	margin-top:2em;
	background:#596CB2;
}
#footer a:link,#footer a:visited,#footer a:active,#footer a:hover{
	color:#fff;
}
#footer a:hover {
	text-decoration:none;
}

@media screen and (max-width : 768px){

#header {
}

#header #head_img {
	float:none;
	width: auto;
}

#header #site_title {
	font-size:18px;
	width:auto;
}

#header #description {
}

#m_wrapper {
	width:auto;
	float:none;
}

#main h1, #main h2 {
	font-size:17px;
}

#s_wrapper{
	width:auto;
	float:none;
}

#side .widget {
}

#side #search_form{

}

#side li{
}


}