/*
Theme Name: kanisen-ja-pc Theme
Theme URI: http://www.www.www/
Description: This is my kanisen-ja-pc theme.
*/

/* 基本 */
html    {min-height: 100%;
         position: relative}

body	{font-family: 'Sawarabi Mincho', sans-serif;
         margin-bottom: 50px;}

a	{text-decoration: none;
	color: #f5f5f5}

a img	{border: none}

/* コンテナ */
div#container	{width: 1200px;
	margin: auto}

/* ヘッダー */
div#header	{font-family: 'Sawarabi Mincho', sans-serif;
	margin-bottom: 20px}

div#header p#desc	{font-size: 1.2em;
        font-weight:bolder;
	color: #ffffff;
	margin: 0px 0px 3px 8px}

/* ナビゲーションバー2 */
div#nav2	{clear: both;font-size: 0.7em;
	font-weight:bolder;
        font-family: 'Sawarabi Mincho', sans-serif;
	    height: 15px;
        float: right;
        margin: -25px 0px 5px 0px;}

div#nav2 ul	{margin: 0;
	padding: 0}

div#nav2 li	{list-style-type: none;
	float: left}

div#nav2 li a	{display: block;
	width: 100%;
	line-height: 15px;
    border-left: solid 1.0px #ffffff;
	color: #ffffff;
	text-align: left;
        padding: 1px 8px 0px 8px}

/* コンテンツ */
div#content	{width: 720px;
	float: left;
        margin: -19px 0px 50px 0px}

p.title	{color: #333333;
	width: 200px;
	margin: 4px 3px 2px 3px;
	padding: 0px 0px 0px 0px}

p.pagenation	{font-size: 0.85em;
        margin: -2% 0 0 0;
	overflow: hidden}

span.oldpage	{float: left}

span.newpage	{float: right}

/* スライダー */
div#gazou	{margin: 0px 0px 7px 0px}

/* TOPボタン */
div#botton	{float: left;
                 margin: 0px 2px 0px 2px}

div#botton:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

div#botton01	{float: left;
                 margin: 8px 2px 5px 2px}

div#botton01:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

div#botton02	{float: left;
                 margin: 0px 2px 20px 2px}

div#botton02:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

div#botton03	{float: left;
                 margin: 3px 2px 5px 2px}

div#botton03:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

div#botton04	{float: left;
                 margin: 2px 2px 0px 2px}
				 
div#botton04:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

div#botton05	{float: left;
                 margin: -5px 0px -5px -5px}

div#botton05:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

div#botton06	{float: left;
margin: 0px 0px 0px 5px}
				 
div#botton06:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

/* 記事 */
div.post	{margin-bottom: 30px;
	overflow: hidden;
        background-color: #efebe0}

div.post h2	{background-color:#b8860b;
	font-size: 1.0em;
	padding: 6px 0px 2px 15px;
	margin: -2px 0px 0px 0px;
        color: #ffffff !important}

div.post h2 a	{color: #ffffff}

div.post p	{font-size: 0.9em;
	line-height: 1.9;
        margin: 15px 20px 25px 25px}

div.post p.postcat	{text-align: right;
	margin: -28px 10px 10px 0px}

div.post p.postcat a	{font-size: smaller;
	background-color: #ffffff;
	border-radius: 2px;
	color: #b8860b;
	padding: 1px 5px}

div.post p.postinfo	{color: #333333;
	text-align: right;
	margin: -10px 20px 15px 0px}


div#top-p       {color: #ffffff;
                 font-weight:bolder;
                 margin: 5px 0px 0px 10px !important;}

/* whatsnew */
.whatsnew	{width: 716px;
                 margin: 0px 0px 0px 2px !important;
                 background-color: #efebe0}

.wn-title       {font-weight: normal !important}

.wn-item	{border-bottom: dotted 1px #aaaaaa !important}

.wn-date	{font-size: 0.85em;
	    line-height: 2.2;
        color: #000000;
        padding: 0px 10px 0px 10px !important}

.wn-article	{font-size: 0.85em;
	line-height: 2.2;
        color: #000000 !important}

.wn-article a	{color: #000000 !important}

/* 記事内の画像 */
.alignnone	{display: block;
        max-width: 720px; 
        height:auto;
	margin-left: auto;
	margin-right: auto}

.aligncenter	{display: block;
        max-width: 720px; 
        height:auto;
	margin-left: auto;
	margin-right: auto}

.alignleft	{float: left;
        max-width: 720px; 
        height:auto;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
        max-width: 720px; 
        height:auto;
	margin-left: 10px;
	margin-bottom: 10px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}

/* 分割した記事へのリンク */
#postpage	{text-align: left;
	clear: both}

#postpage a	{border: solid 1px #aaaaaa;
	padding: 5px 10px;
	margin: 0 5px}

#postpage a:hover	{background: #f7e29e}

#postpage span	{padding: 5px 10px;
	color: #888888;
	background: #dddddd}

#postpage a span	{padding: 0;
	color: black;
	background: none}

/* サイドバー */
div#sidebar	{width: 235px;
	float: left;
        margin: -19px 5px 80px 0px}

div#sidebar-02	{width: 235px;
	float: left;
        margin: 0px 0px 0px 0px}

div#sidebar-02 ul	{margin: 0;
	padding: 0;
	list-style-type: none}

div#sidebar-02 .widget	{margin-bottom: 20px}

div#sidebar-02 h2	{font-size: 0.9em;
	color: #ffffff;
        background-color: #000000;
	border-radius: 3px;
	padding: 2px 10px;
	margin: 0}

div#sidebar-02 li li	{font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0}

div#sidebar-02 li li a	{color: #ffffff;
	display: block;
	padding: 5px 10px}

div#sidebar-02 li li a:hover	{background-color: #f7e29e}

div#sidebar-03	{width: 235px;
	float: left;
        margin: 0px 0px 0px 0px}

div#sidebar-03 ul	{margin: 0;
	padding: 0;
	list-style-type: none}

div#sidebar-03 li li	{font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0}

div#sidebar-03 li li a	{color: #ffffff;
	display: block;
	padding: 5px 10px}

div#sidebar-04	{width: 235px;
	float: left;
        margin: -20px 0px 0px 0px}

div#sidebar-04 ul	{margin: 0;
	padding: 0;
	list-style-type: none}

div#sidebar-04 li li	{font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0}

div#sidebar-04 li li a	{color: #ffffff;
	display: block;
	padding: 5px 10px}

/* 記事の個別ページ */
.single div.post h2	{background-color:#b8860b;
	color: white}

.single div.post h2 a	{color: white}

.single div.post p	{font-size: 0.95em;
	line-height: 2.5;
        margin: 20px 20px 25px 25px}

.single div.post p.postcat	{text-align: right;
	margin: -34px 10px 10px 0px}


/* サイドバーボタン */
div#s-botton	{float: left;
                 margin: 0px 0px 0px 0px}

div#s-botton:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

div#s-botton01	{text-align: center;
                 margin: 0px 0px 0px 0px}

div#s-botton01:hover {opacity: 0.7;     /* 透過レベル */
                           filter: alpha(opacity=70)}

/* サイドバー2 */
div#sidebar2	{width: 235px;
	float: right;
        margin: -19px 0px 0px 0px}

/* タイトルの一覧 */
ul.post	{background-color: #efebe0;
        list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-top: dotted 1px #aaaaaa}

ul.post li	{border-bottom: dotted 1px #aaaaaa;
	background-position: left center;
	padding: 6px 0px 6px 10px}

ul.post li a	{color: #333333}

ul.post li span	{font-size: smaller;
	color: #888888}

/* 続きを読む */
div.post a.more	{font-size: smaller;
                 color: #333333}

/* フッター */
div#footer	{background-color: #3f3f3f;
         width: 1200px;
	 float: auto;
	 position: fixed;
         bottom: 0;
         height: 60px;
	 clear: both}

div#footer p	{font-size: 0.9em;
	font-style: normal;
	font-family: Verdana, sans-serif;
        text-align: center;
        color: #ffffff;
	margin: 10px 0px 0px 0px}

/*YouTubeレスポンシブサイズ*/
.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.youtube2 {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
	margin: -15px 0px 0px 0px;
}
.youtube2 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}