@charset "utf-8";
/*  
Theme Name: wp.Vicuna
Theme URI: http://wp.vicuna.jp/
Description: <a href="http://en.wp.vicuna.jp">wp.Vicuna</a> Structure Template + <a href="http://en.wp.vicuna.jp/skin/">Skin</a>
Version: 1.5.7
Author: wu
*/

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;
}

body * {
    font-style: normal !important;
    font-family: "メイリオ", meiryo, Arial, Helvetica, sans-serif !important;
}

/*======================================

	1-2. Font size setting
	
=======================================*/

p,
pre,
cite,
blockquote {
	font-size: 100%;
}

li,dt,dd {
	font-size: 100%;
}

/*======================================

	1-3.Universal selector
	
=======================================*/

* {

}

/*======================================

	1-4.Structure Module
	
=======================================*/

html {
	overflow-y: scroll;
}

body {
	line-height: 1.5;
}

/*======================================

	1-5.Text Module
	
=======================================*/

p,
pre,
blockquote,
address,
cite {
	margin: 0.5em 30px 1em;
}

address {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0.8em 30px 0.5em;
}

h1 {
	margin: 0;
	padding: 0.6em 30px 0;
	font-size: 167%;
	font-weight: normal;
}

h2 {
	padding-bottom: 0.3em;
	font-size: 122%;
	font-weight: normal;
}

h3 {
	padding: 0.1em 10px;
	font-size: 112%;
	font-weight: normal;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
}

p {
	line-height: 1.8;
}

br {
	letter-spacing: 0;
}

pre {
	padding: 0.5em 0 0.5em 20px;
	width: 95%;
	max-width: 85%;
	overflow: scroll;
	font-family: monospace;
}

pre * {

}

pre[title]:before {
	margin: -0.5em -20px 1em;
	padding: 0.2em 20px;
	display: block; 
	content: attr(title);
	font-size: 85%;
}

blockquote {
	margin-left: 40px;
	padding: 0.6em 20px;
}

blockquote * {
	margin: 0!important;
	border: none!important;
}

blockquote[title]:before {
	margin-bottom: 0.6em;
	display: block;
	content: "Quote: "attr(title); 
}

blockquote[cite]:after {
	padding: 0.8em 20px;
	display: block; 
	content: "Quote: "attr(cite);
	text-align: right;
}

cite {
	display: block;
	text-align: right;
}

em {
	font-weight: bold;
	font-style: normal;
}

strong {

}

code {
	font-family: monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: monospace;
}

/*======================================

	1-6.Hypertext Module
	
=======================================*/

/*
moved
subSkin module
*/

/*--------------------------------------
	utilities (Link Color)
---------------------------------------*/

/*
moved
subSkin module
*/

/*======================================

	1-7.List Module
	
=======================================*/

ul,
ol,
dl {
	margin: 1em 30px;
}

ul,
ol,
dl {
	padding: 1px 0;
	list-style-position: inside;
}

ul {
	list-style-type: circle;
}

li,
dt,
dd {
	margin: 0.4em 10px;
}

dt {
	margin-top: 0.6em;
}

dd {
	margin-left: 20px;
	margin-bottom: 0.6em;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.5em 10px;
}













/*--------------------------------------
	.count
---------------------------------------*/

.count {
	color: #000;
}

/*--------------------------------------
	.feed
---------------------------------------*/

li.atom,
li.rss {
	list-style-type: none;
	list-style-position: outside;
}

li.atom a,
li.rss a {
	padding-left: 20px!important;
	background-image: url(./style-ninja/images/mark/icon_feed.gif)!important;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

/*--------------------------------------
	dl.data
---------------------------------------*/

dl.data {
	padding: 0;
	border-left: 5px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

dl.data dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 8em;
	float: left;
}
	
dl.data dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}





/*--------------------------------------
	.admin
---------------------------------------*/

.admin a {
	padding: 0 10px 0 25px;
	text-decoration: none;
	color: #f65472;
	background: url(./style-ninja/images/mark/icon_edit.gif) 5px 3px no-repeat;
}

.admin a:hover {
	color: #953844;
}

/*--------------------------------------
	clearFix
---------------------------------------*/

div#utilities,
.textBody,
ul.flip,
ul.thumb {
	_height: 1px;
	min-height: 1px;
/* for MacIE5 \*//*/
	height: auto;
	overflow: hidden;
/* end */
}

div#utilities:after,
.textBody:after,
ul.flip:after,
ul.thumb:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}




























/*======================================

	3-1.div#header
	
=======================================*/

div#header {
	padding: 1px 0 26px;
	margin-top : -20px;
}

/*--------------------------------------
	3-1-1. Website Title
---------------------------------------*/

div#header p.siteName {
	margin: -20px 0 0 7px;
	line-height: 1;
	text-indent : -777777px;
}

div#header p.siteName a {
	text-decoration: none;
	display : block;
	width : 227px;
	height : 80px;
	background-image: url(./style-ninja/images/pc-rogo.gif);
}

div#header p.siteName a:hover {
	background-image: url(./style-ninja/images/pc-rogo2.gif);
	width : 227px;
	height : 80px;
}



/*--------------------------------------
	3-1-2. Description
---------------------------------------*/

div#header p.description {
	margin: 0.4em 32px 0;
	font-size: 92%;
	margin-top : -8px;
	margin-bottom : -20px;
}

/*======================================

	3-2.div#content
	
=======================================*/

div#content {
	padding-bottom: 1px;
	position: relative;
}

div#content p.return {
	padding: 0.4em 0;
	clear: both;
	text-align: right;
}

body.mainIndex h1 {
	display: none; /*body.mainIndex */
}

/*======================================

	3-3. div#main
	
=======================================*/

div#main {
	padding-top: 1px;
	margin: 0;
}

/*--------------------------------------
	3-3-1. Topic Path
---------------------------------------*/

p.topicPath {
	margin: 0.7em 30px 1em;
	font-size: 100%;
}

p.topicPath span.current {
	padding: 0 0.5em;
}

/*--------------------------------------
	3-3-2. Flip Navi 1 (Newer | Older)
---------------------------------------*/

ul#flip1 {
	margin: 0 30px;
}

ul#flip1 li {
	margin: 0;
	display: inline;
	font-size: 100%;
}

ul#flip1 li a {
	display: block;
	float: left;
	line-height: 1;
	text-decoration: none;
}

/*--------------------------------------
	3-3-3. div.entry
---------------------------------------*/

div.entry {
	margin: 0 0 3em 0;
	padding: 1px 0;
}

/* 3-3-3-1. Entry Title
-----------------------------*/

div.entry h2 {
	margin-bottom: 0;
}

/*
moved
subSkin module
*/

/* 3-3-3-2. Entry Info 
-----------------------------*/

div.entry ul.info {
	margin-top: 0;
	margin-bottom: 0;
}

div.entry ul.info li {
	margin: 0 0.5em 0.1em 0;
	display: inline;
	font-size: 85%;
}

/* 3-3-3-3. Text Body
-----------------------------*/

div.entry div.textBody {
	margin: 0 0 1em 0;
	padding: 1px 0;
}

div.entry div.textBody h2 {
	margin-top: 2em;
}

/* 3-3-3-4. Continue Reading
-----------------------------*/

p.continue {
	margin-bottom: 0;
}

p.continue a {
	padding: 0 10px;
	text-decoration: none;
}

/* 3-3-3-5. Reaction
-----------------------------*/

div.entry ul.reaction {
	margin-top: 0;
	padding-top: 0.3em;
	_height: 1px; /* for IE */
}

div.entry ul.reaction li {
	margin: 0 10px 0 0;
	padding-right: 15px;
	display: inline;
}

div.entry ul.reaction li a {

}

/* 3-3-3-6. Flip Navi 2 (Newer | Older)
-----------------------------*/

#flip2 {
	padding: 0.3em 0;
}

#flip2 li {

}

#flip2 li a {

}

/* 3-3-3-7. Comment Log
-----------------------------*/

div#comments {
	padding: 1px 0;
}

div#comments h2 {

}

div#comments dl.log {

}

div#comments dl.log dt {
	margin: 0;
}

div#comments dl.log dt span.name {
	margin-right: 0.5em;
}

div#comments dl.log dt span.date {

}

div#comments dl.log dd {
	margin: 0 0 0.8em 0;
}

div#comments dl.log dd p {
	margin: 0.5em 0 1em 0;
}

/* 3-3-3-8. Comment Post form
-----------------------------*/

form.post {

}

form.post dl {

}

form.post dl dt {
	margin: 0;
}

form.post dl dd {
	margin-left: 0;
	margin-bottom: 0;
}

form.post dl input {
	margin: 0;
}

form.post textArea {
	margin: 0;
	width: 90%;
}

form.post div.action {
	margin: 0 20px 1em;
}

form.post div.action input.submit {
	margin: 0.4em 0;
}

/* 3-3-3-9. Trackback Log
-----------------------------*/

div#trackback {
	margin-top: 3em;
}

div#trackback h2 {

}

div#trackback dl.log {

}

div#trackback dl.log dt {

}

div#trackback dl.log dd {
	margin: 0;
	padding: 0.4em 10px;
	padding-bottom: 1em;
}

/* 3-3-3-10. Trackback Info
-----------------------------*/

div#trackback dl.info {

}

div#trackback dl.info .URL {
	padding: 0.2em 1em;
}

/*======================================

	3-4. div#utilities
	
=======================================*/

div#utilities {

}

div#utilities dl {
	margin: 0;
	padding-top: 5px;
}

div#utilities dl dt {
	margin: 0 5px;
	padding: 0em 10px;
}

div#utilities dl dd {
	margin: 0 5px;
	padding: 0.2em 0 0.5em;
}

div#utilities dl dd ul {
	margin: 0;
	list-style-position: outside;
	list-style-type: none;
}

div#utilities li {
	margin: 0.4em 0 0.4em 5px; 
}

/* Sub Categories */

div#utilities dl dd ul li ul {
	list-style-type: disc;
}

div#utilities dl dd ul li li {
	margin: 0.3em 0 0 10px;
	list-style-type: none;
}

/*--------------------------------------
	3-4-1. dl.others
---------------------------------------*/

/*	3-4-1-1. Search
---------------------------------------*/

div#utilities dl dd form {
	margin: 0;
	border: none;
}

div#utilities dl dd form fieldset {
	padding: 0.1em 10px;
	border: none;
}

div#utilities dl dd form legend {
	display: none;
}

div#utilities dl dd form input {
	margin-left: 0;
}

div#utilities dl dd form input.inputField {

}

/*--------------------------------------
	3-5. div#utilities > elements
---------------------------------------*/

/*	3-5-1. dd > p
-----------------------------*/

div#utilities dl dd p {
	margin: 0.2em 10px;
	line-height: 1.4;
}

/*	3-5-2. dd > list
-----------------------------*/

div#utilities dl dd dl {
	margin: 0;
}

div#utilities dl dd dl dt {
	margin: 0.3em 0;
	font-size: 12px;
}

div#utilities dl dd dl dt a {
	text-decoration: none;
}

div#utilities dl dd dl dd {
	margin: 0.1em 5px;
	font-size: 12px;
}

/*	3-5-3. dd > table
-----------------------------*/

div#utilities dl dd table {
	margin: 0.5em 0 0.5em 3%;
	width: 95%;
	_width: 90%; /* for IE */
}

div#utilities dl dd table caption {
	width: 100%;
	_padding-bottom: 0.4em;
}

div#utilities dl dd table th,
div#utilities dl dd table td {
	padding: 1px 10px;
}

/*	3-5-4. dd > Tag Cloud
-----------------------------*/

div#utilities dl dd ul.tagCloud {
	margin: 0.5em 5px;
	padding: 0;
}

div#utilities dl dd ul.tagCloud li {
	margin: 0;
}

div#utilities dl dd ul.tagCloud li a {
	padding: 0 0 0 13px;
}

/*	3-5-5. dd > Photo thumbnail
-----------------------------*/

div#utilities dl dd ul.thumb {

}

div#utilities dl dd ul.thumb li {
	margin: 5px 0 0 5px;
}

div#utilities dl dd ul.thumb li a {
	padding: 0;
	background-image: none;
	border: none;
}

/*	3-5-6. dd > Centering
-----------------------------*/

div#utilities dl dd div.center {
	text-align: center;
}

/*	3-5-7. dd > Reset Link Style
-----------------------------*/

div#utilities dl dd .reset a {
	padding: 0;
	background-image: none;
}

/*======================================

	3-6.div#footer
	
=======================================*/

div#footer {
	padding: 1px 0;
}

div#footer ul.support {
	margin: 0em 10px;
	text-align: right;
}

div#footer ul.support li {
	margin: 0 0 0 6px;
	display: inline;
	font-size: 12px;
}

div#footer ul.support li a {
	text-decoration: none;
}

div#footer li.template a {

}

div#footer li.template a[title]:after {
	content: " "attr(title);
}

div#footer address {
	margin: 0.2em 10px 2em;
	text-align: right;
}






























/*======================================

	4-1.Containers Layout
	
=======================================*/

body {
	text-align: center; /* Centering for IE6 */
}

div#header,
div#content,
div#footer {
	margin: 0 auto;
	text-align: left;
}

div#utilities dl.navi,
div#utilities dl.others {
	margin: 0;
}



/*--------------------------------------
	4-2-1. div#utilities
---------------------------------------*/

body.single div#utilities {
	margin-top: 1em;
	padding: 1.2em 0;
}

body.single div#utilities dl {

}

body.single div#utilities dl dt {
	margin: 0 10px 0;
}

body.single div#utilities dl dd {
	margin: 0 10px 1em;
}

body.single div#utilities dl dd ul {
	margin: 0;
}

body.single div#utilities dl dd dt {
	margn: 0;
	padding: 0 0 0.3em 0;
}

body.single div#utilities dl dd dd {
	border: none;
	background-image: none;
}

/* navi */


/*--------------------------------------
	4-3-1. div#main
---------------------------------------*/

body.double div#main {
	float: left; /* [←★→] */
	width: 90%;

}

/* Main Column Border -------------------------
本文とサイドバーを線で区切るための処理です。
ブラウザ間の差異を埋めています。
IE7が普及するまで辛抱強くいきます。
----------------------------------------------*/

body.double div#main {
	border-right: 1px solid #eee; /* [←★→] */
	border-bottom: 1px solid #eee; /* [←★→] */
	margin-right: -1px; /* [←★→] */
}

/*--------------------------------------
	4-3-2. div#utilities
---------------------------------------*/

body.double div#utilities {
	float: left; /* [←★→] */
	clear: right; /* [←★→] */
	width: 30%;
}



























































/*=========================================================

	Layout
	
=========================================================*/

body {
	margin: 0; /* margin */
	margin-top: 8px!important;
}

div#header,
div#content,
div#footer {
	width: 90%; /* (example: 50%~100%, 400px~1000px, 60em, etc. )*/
	min-width: 35em; /* 最小幅 */
	max-width: 70em; /* 最大幅 */
}

/*=========================================================

	General
	
=========================================================*/

body {
	color: #555;
	background-image: url(./style-ninja/images/bg01.gif);
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#header {
	background: #fff url(./style-ninja/module/mod_subSkin/images/bg/corner01.gif) no-repeat right top;
}

div#content {
	background-color: #fff;
}

div#content div#main {
	background-color: #fff;
	border-color: #eee; /* 本文カラム境界線 */
}

/*--------------------
	Border Switch
	headerとcontentの区切り付近に出現するBorder。
	ModuleのImportよってBorderに利用するBoxを切り替えています。
	!必要ない場合は全て削除してください。
----------------------*/


div#content,div#main,
body.double div#utilities,
body.multi div#utilities {
	border-top: 5px solid #f5f5f5; /* 編集は色だけ推薦 */
}

div#main,
body.double div#utilities,
body.multi div#utilities {
	border-top-width: 0; /* Do not edit this line */
}

/*---------------
 Font Size Setting
 本文文字サイズ
-----------------*/

div.textBody {
	font-size: 100%; /* ( small: 92% | medium: 100% | large: 107% ) */
}

/* individual (個別記事の文字サイズ) */

body.individual div.textBody {
	font-size: 120%; /* ( small: 92% | medium: 100% | large: 107% ) */
}

/*---------------
 Link Color
-----------------*/

a:link {
	color: blue;
}

a:visited {
	color: blue;
}



a:hover {
	color: #000;
}

/*---------------
 Website Title
-----------------*/

div#header p.siteName {
	margin-top: -20px;
	margin-left: 0;
	padding: 1.5em 28px 0;
	font-weight: normal;
	font-size: 144%;
	background: transparent url(./style-ninja/module/mod_subSkin/images/bg/corner02.gif) no-repeat left top;
}

div#header p.siteName a {
	color: #333;
}

div#header p.siteName a:hover {
	color: #000;
}


div.headbg {
	background: url(./style-ninja/module/mod_subSkin/images/bg/headbg.jpg) no-repeat right top;
}
/*---------------
 Description
-----------------*/

div#header p.description {
	color: #333;
}

/*---------------
 Topic Path
-----------------*/

p.topicPath {
	padding-left: 18px;
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon030101.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

/* 現在位置 */
p.topicPath span.current {
	padding-left: 15px;
	background-image: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow090102.gif);
	background-repeat: no-repeat;
	background-position: left center;
	_background-position: 0 0.4em; /* for IE */
}

/*---------------
 Heading
-----------------*/

h1 {
	margin-top: -15px;
	padding-bottom: 0.7em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #666;
	background: #fff url(./style-ninja/module/mod_subSkin/images/bg/m_grad03.gif) repeat-x 0 3px;
	font-weight:bold;
}

h2 {
	padding-left: 2px;
	border-bottom: 4px solid #eee;
	color: #000;
}

h3 {
	color: #666;
	background-color: #f5f5f5;
}


.intit {
	margin-top: -1.5em;
	padding-top: 0.3em;
	padding-bottom: 0.6em;
	padding-left: 0;
}



/*=========================================================

	div#utilities (Sidebar)
	
=========================================================*/

div#utilities ul {
	background-image: url(./style-ninja/module/mod_subSkin/images/bg/m_grad03.gif);
	background-repeat: repeat-x;
}

div#utilities ul ul {
	background-image: none;
}

/*---------------
 dl.navi
-----------------*/

dl.navi {

}

dl.navi dt {
	border: 1px solid;
	border-color: #dddddd #dddddd #dddddd #000000;
	color: #444;
	background-color: #eee;
	background-image: url(./style-ninja/module/mod_subSkin/images/bg/grad01.gif);
}


.toptit {
	padding-left : 10px;
	border: 1px solid;
	border-color: #f5f5f5 #e5e5e5 #e5e5e5 #f5f5f5;
	color: #444;
	background-color: #eee;
	background-image: url(./style-ninja/module/mod_subSkin/images/bg/grad01.gif);
	clear : both;
	font-weight : bold;
}




/*---------------
 dl.others
-----------------*/

dl.others {

}

dl.others dt {
	border: 1px solid;
	border-color: #f5f5f5 #e5e5e5 #e5e5e5 #f5f5f5;
	color: #444;
	background-color: #eee;
	background-image: url(./style-ninja/module/mod_subSkin/images/bg/grad01.gif);
}

/*---------------
 .freeSpace [?]
-----------------*/

div#utilities .freeSpace {
	margin: 1px;
	background-color: #fff;
}

div#utilities .freeSpace p,
div#utilities .freeSpace dl,
div#utilities .freeSpace ul,
div#utilities .freeSpace ol,
div#utilities .freeSpace li {
	margin: 0.1em 5px;
}

/*---------------
 nest
-----------------*/

div#utilities dl dd dl dt {
	background-color: #fff;
}

/*---------------
 Sidebar Link Color
-----------------*/

dl.navi li a,
dl.others li a {
	padding-left: 15px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	_background-position: 0 0.2em;
}

dl.navi li a:link,
dl.others li a:link {
	background-image: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow080102.gif);

}

dl.navi li a:visited,
dl.navi dl li a:visited,
dl.others li a:visited,
dl.others dl li a:visited {
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon100101.gif);
}

dl.navi li a:hover,
dl.others li a:hover {

}


/*

body class="single"
div#utilities style

2-singleUtilities.css

*/

/*=========================================================

	Entry
	
=========================================================*/

/*---------------
 Title
-----------------*/

div.entry h2 {

}

div.entry h2 a {
	text-decoration: none;
	color: #000;
}

div.entry h2 a:visited {
	color: #444;
}

div.entry h2 a:hover {
	color: #666;
}

/*---------------
 Text Body
-----------------*/

div.entry div.textBody dl {
	border-left: 4px solid #f5f5f5;
	border-bottom: 1px solid #fff;
}

/*---------------
 Link img
-----------------*/

div.textBody a img {
	border: 3px solid #ccc;
}

div.textBody a:hover img {
	border: 3px solid #aaa;
}

/*---------------
 Continue reading
-----------------*/

p.continue {

}

p.continue a:link,
p.continue a:visited {
	padding-left: 20px;
	color: #000;
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon190101.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
}

p.continue a:visited {
	color: #666;
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon100101.gif);
	background-position: 2px 0.3em;
}

p.continue a:hover {
	background-position: 2px 0.3em;
}

/*---------------
 Reaction
-----------------*/

div.entry ul.reaction {
	border-top: 2px solid #f5f5f5;
}

div.entry ul.reaction li {
	border-right: 2px solid #eee;
}

div.entry ul.reaction li a {
	padding-left: 18px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
}

div.entry ul.reaction li.comment a {
	padding-left: 24px;
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon010101.gif);
}

div.entry ul.reaction li.trackback a {
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon080101.gif);
}

/*---------------
 Reaction Log (individual)
 -Comments
 -Trackbacks
-----------------*/

div#comments h2 {
	padding-left: 23px;
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon010101.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
}

div#trackback h2 {
	padding-left: 18px;
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon080101.gif);
	background-repeat: no-repeat;
	background-position: left 0.3em;
}

div#comments dl.log dt span.name,
div#trackback dl.log dt span.name {
	color: #000;
}

div#comments dl.log dt span.date,
div#trackback dl.log dt span.date {
	color: #999;
}


div#comments dl.log dd,
div#trackback dl.log dd {
	border-bottom: 1px solid #eee;
}

div#trackback dl.log {
	border-left: 5px solid #aaa;
}

/* Trackback Info */

div#trackback dl.info {
	border-left: 5px solid #aaa;
	border-bottom: 1px solid #eee;
	background-color: #f5f5f5;
}

div#trackback dl.info .URL {
	color: #000;
	background-color: #fff;
}

/*---------------
 Flip Pager (Newer - Older)
-----------------*/

ul#flip1 li a {
	padding: 0 0.5em;
	color: #666;
	background-repeat: no-repeat;
}

/* Newer Article */

ul#flip1 li.newer a {
	padding-left: 18px;
	background-image: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070101.gif);
	background-position: left center;
}

/* Older Article */

ul#flip1 li.older a {
	padding-right: 18px;
	border-left: 1px solid #ccc;
	background-image: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070102.gif);
	background-position: right center;
}

/* On Mouse */

ul#flip1 li a:hover {
	color: #000;
}
 
ul#flip1 li.newer a:hover {
	background-image: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070201.gif);
}

/* Older Article */

ul#flip1 li.older a:hover {
	background-image: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070202.gif);
}

/*---------------
 Flip Pager2 (Newer - Older)
-----------------*/

#flip2 {
	border: 1px solid #eee;
}

#flip2 li {
	color: #000;
}

#flip2 li a {

}

/*---------------
 Retun to page top
-----------------*/

p.return a {
	padding-right: 12px;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow060101.gif) no-repeat right center;
}

/*---------------
 Archive Index
-----------------*/

p.archives a {
	padding-left: 16px;
	background-image: url(./style-ninja/module/mod_subSkin/images/icon/v_icon110102.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*=========================================================

	Footer
	
=========================================================*/

div#footer ul.support {
	margin-top: 0.3em;
}

div#footer ul.support li {
	color: #aaa;
}

div#footer ul.support li a {
	color: #999;
	text-decoration: none;
}

div#footer li.template a {

}

div#footer address {
	color: #333;
}

/*=========================================================

	Elements
	
=========================================================*/

em {
	font-weight: bold;
}

strong {
	color: #ff4500;
}

/*---------------
 Form
-----------------*/

fieldset {
	border: 1px solid;
	border-color: #f5f5f5 #e5e5e5 #e5e5e5 #f5f5f5;
	background-image: url(./style-ninja/module/mod_subSkin/images/bg/slash.png);
}

input,
textarea {
	border-color: #d4d4d4 #eee #eee #d4d4d4;
	background-color: #fff;
	background-image: url(./style-ninja/module/mod_subSkin/images/bg/bg_input.gif);
	background-repeat: no-repeat;
}

input:hover,textarea:hover {
	border-color: #00a0dd;
}

input:focus,textarea:focus {
	border-color: #aaa;
	background-color: #fff;
}

input.submit {
	border: 1px solid;
	border-color: #ccc #aaa #aaa #ccc;
	color: #666;
	background-image: url(./style-ninja/module/mod_subSkin/images/bg/m_grad06.gif);
	background-repeat: repeat-x;
	margin-left : -10px;
}

input.submit:hover {
	color: #000;
	border-color: #00a0dd;
}

/*---------------
 Table
-----------------*/

table {
	border: 1px solid #cfd3d6;
	background-color: #fff;
}

th,
td {
	border: 1px solid #efefef;
	border-color: #efefef #dce0e3 #dce0e3 #efefef;
}

th {
	color: #000;
	background-color: #efefef;
}

td {
	border: 1px solid #ddd;
	background-color: #fff;
}



/*=========================================================

	Others
	
=========================================================*/



/*
コメント・トラックバック数など、
数を表す部分で使われます
*/

.count {
	color: #aaa;
}

div#utilities dl dd ul.tagCloud {
	margin: 0;
	padding: 0.5em 8px;
}


.movie {
	text-align : center;
	margin : auto;
	min-height : 290px;
}

.entry_block {

}

.EntryBody {
	width:110px;
	display:block;
	line-height:180%;
	margin-right : -11px;
	font-size : .6em;
	float : left;
	margin-left : 30px;
	margin-bottom : 15px;
	height : 190px;
}

*html .EntryBody {
	margin-left : 22px;
}



html>/**/body .EntryBody {
	font-size : .8em;
	line-height:140%;
}


.EntryBody a img {
	border : 2px solid #ccc;
}

.EntryBody a:hover img {
	border : 2px solid #999;
}

head~/* */body .EntryBody a {
	font-size:1em;
}

head~/* */body .EntryBody a:hover {
	font-size:1em;
}





.tdate {
	background:#f4f4f4;
	font-size:110%;
	padding-left:3px;
}


.recentEntries li a:link {


}

.recentEntries li a:visited {

}



.recentEntries li {
	border-bottom : 1px solid #ccc;
	padding-bottom : 4px;
	background: #fff;
}


dt {
	font-weight : bold;
}

.newside {
	margin:0 0 6px 0;
	font-size : .8em;
	clear : both;
	line-height:140%;
	border-bottom : 1px solid #ccc;
	height : 48px;
}


.newside img {
	width : 60px;
	float : left;
	display : inline;
	margin-right : 5px;
}



.newside a img {
	border : 1px solid #ccc;
}

.newside a:hover img {
	border : 1px solid red;
}


.category_top {
	margin-bottom : 20px;
	margin-top : -15px ;
}

*html .category_top {
	margin-left : 30px;
	margin-top : -15px ;
}


.category_top li {
	float : left;
	padding-left: 22px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070202.gif) no-repeat 0 .1em;
	background-repeat: no-repeat;
	margin-left : 3px;
	height : 21px;
	font-size : 90%;
}

*html .category_top li {
	float : left;
	padding-left: 18px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow020102.gif) no-repeat 0 .4em;
	background-repeat: no-repeat;
	margin-left : 3px;
}


.category_in {
	margin : 0 0 25px 30px;
	font-size : 90%;
}

*html .category_in {
	margin : 0 0 25px 30px;
	font-size : 90%;
}



.category_in li {
	float : left;
	padding-left: 22px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070202.gif) no-repeat 0 .1em;
	background-repeat: no-repeat;
	margin-left : 3px;
	height : 21px;
}

*html .category_in li {
	float : left;
	padding-left: 18px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow020102.gif) no-repeat 0 .4em;
	background-repeat: no-repeat;
	margin-left : 3px;
}



#clist .category {
	margin-top : 25px;
}



#clist .category li {
	padding-left: 25px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/cach_cate.gif) no-repeat 0 .0em;
	background-repeat: no-repeat;
}




#clist .children li {
	padding-left: 24px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070202.gif) no-repeat 0 .0em;
	background-repeat: no-repeat;

}




*+html #clist .category li {
	padding-left: 11px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/cach_cate.gif) no-repeat 0 .0em;
	background-repeat: no-repeat;
}




*+html #clist .children li {
	padding-left: 10px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070202.gif) no-repeat 0 .0em;
	background-repeat: no-repeat;

}





*html #clist .children li {
	padding-left: 5px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow020102.gif) no-repeat 0 .5em;
	background-repeat: no-repeat;

}










#popularity li a {
	background-image: none;
	padding-left : 0;
	margin : 0;
}

#popularity li {
	display : block;
	border-bottom : 1px solid #ccc;
	padding : 5px 10px 10px 10px;
	border-left : 3px solid blue;
}





#channel li a {
	background-image: none;
	padding-left : 0;
	margin : 0;
}

#channel li {
	display : block;
	border-bottom : 1px solid #ccc;
	padding : 5px 10px 10px 10px;
	border-left : 3px solid #cc0000;
}


#channel li a{
	display : block;
}



.category_page li {
	padding-left: 8px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/arrow/v_arrow070202.gif) no-repeat 0 .4em;
	background-repeat: no-repeat;
}


.category_page .children li {
	padding-left: 8px;
	list-style : none;
	background: url(./style-ninja/module/mod_subSkin/images/icon/v_icon040101.gif) no-repeat 0 .4em;
	background-repeat: no-repeat;
}

.feeds {
	text-align : right;
	margin : -42px 30px 0 0;
}



.EntryBody p{
	width:110px;
	margin : 0;
}


.EntryBody .toku{
	width:104px;
	margin : 0;
}

.top_tag {
	width:104px;
	height:60px;
	background:#f7f7f7;
	border:1px solid #eee;
	padding:2px 4px 2px 4px;
}

*html .top_tag {
	height:90px;
}

.fukkin {
	width : 769px;
	height : 46px;
	background: url(../../uploads/fukkin_bar.gif) no-repeat 0 .4em;
	text-indent : -777777px;
	margin : 15px 0 22px 25px;
	clear : both;
}

.haikin {
	width : 769px;
	height : 46px;
	background: url(../../uploads/ue_bar.gif) no-repeat 0 .4em;
	text-indent : -777777px;
	margin : 15px 0 22px 25px;
	clear : both;
}

.futomomo {
	width : 769px;
	height : 46px;
	background: url(../../uploads/sita_bar.gif) no-repeat 0 .4em;
	text-indent : -777777px;
	margin : 15px 0 22px 25px;
	clear : both;
}


.all {
	width : 769px;
	height : 46px;
	background: url(../../uploads/zensin_bar.gif) no-repeat 0 .4em;
	text-indent : -777777px;
	margin : 15px 0 22px 25px;
	clear : both;
}

.stre {
	width : 769px;
	height : 46px;
	background: url(../../uploads/st_bar.gif) no-repeat 0 .4em;
	text-indent : -777777px;
	margin : 15px 0 22px 25px;
	clear : both;
}


.ban01 a {
	text-indent : -777777px;
	background: url("http://houhou.in/wp-content/uploads/kintore.gif") no-repeat;
	width : 190px;
	height : 74px;
	display : block;
}



.ban_ori a {
	text-indent : -777777px;
	background: url("http://houhou.in/wp-content/uploads/origami.gif") no-repeat;
	width : 190px;
	height : 74px;
	display : block;
}

.ban_biyou a {
	text-indent : -777777px;
	background: url("http://houhou.in/wp-content/uploads/biyou.gif") no-repeat;
	width : 190px;
	height : 74px;
	display : block;
}


.position01 {
	float:left;
	margin:5px 5px 0 13px;
	padding-right : 5px;
	padding-bottom : 10px;
	border-right : solid 1px #eee;
	border-bottom : solid 1px #eee;	
	width : 355px;
}

/*---------------
.position01 {
	float:right;
	margin:7px 0px 0 10px;
	padding-left : 7px;
	border-left : solid 1px #eee;
}
-----------------*/


.position02 {
	margin:-20px 0 10px 0;
	text-align:center;
}

.position03 {
	margin:17px 0 10px 0;
	text-align:center;
}

.spo01 {
	font-size:65%;
	color:#666;
	margin-bottom:5px;
}


.spo02 {
	font-size:75%;
	font-color:#ccc;
	margin-bottom:10px;
	text-align:left;
	padding-left:30px;
}

.spo03 {
	font-size:75%;
	font-color:#ccc;
	margin-bottom:5px;
	text-align:left;
	padding-left:30px;
}

.kanrend {
	font-size:80%;
	margin:0px 5px 0 -0px;
}

.kanrend ul {
	margin : 0 0 0 -10px;
}


.kanrend ul li {
	list-style-type:none;
}


*:first-child+html .kanrend {
	font-size:70%;
	margin:0px 5px 0 0px;
}

*:first-child+html .kanrend ul {
	margin : 0 0 0 0px;
}

*:first-child+html .kanrend ul li {
	margin : 0 0 0 -15px;
	line-height : 200%;
}


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

.contentsb {
	width : 500px;
}
-----------------*/

.contentsb p{
	font-size : 90%;
	margin-right : 10px;
}







































div#header {
	border-bottom: 0;
}

/*--------------------
	Border Switch
----------------------*/

div#content,
div#content div#main,
div#content div#utilities {
	border-top: none;
}

/*======================================

	Global Navigation Module
	
=======================================*/

ul#globalNavi {
	margin: 25px 0 -26px;
	padding: 0 0 0 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #e5e5e5;
	background: #eee url(./style-ninja/module/mod_subSkin/images/bg/m_grad01.gif) repeat-x 0 -3px;
}

ul#globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	width: 120px;
	line-height: 1;
	list-style-type: none;
	font-size: 12px;
}

/*--------------------------------------
	1.Button
---------------------------------------*/

ul#globalNavi li a {
	padding: 0.6em 10px; /* Button Height */
	border: none;
	border-right: 2px solid #222;
	display: block;
	position: relative; /* IE6 Bug Fix */
	text-align: center;
	text-decoration: none;
	color: #555;
	border-left: 1px solid #fff;
	border-right: 1px solid #e5e5e5;
	background: #eee url(./style-ninja/module/mod_subSkin/images/bg/m_grad02.gif) repeat-x 0 -3px;
}

/*--------------------------------------
	2. On mouse
---------------------------------------*/

ul#globalNavi li a:hover {
	color: #000;
	background-color: #fff;
	background-image: none;
}

/*--------------------------------------
	3. Current 
---------------------------------------*/

ul#globalNavi li.current a:link,
ul#globalNavi li.current a:visited,
ul#globalNavi li.current a:hover {
	color: #000;
	background-color: #fff;
}

/*--------------------------------------
	clearFix
---------------------------------------*/

ul#globalNavi {
	_height: 1px;
	min-height: 1px;
}

ul#globalNavi:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}

/* for MacIE5 \*//*/

ul#globalNavi {
	height: auto;
	overflow: hidden;
}
/* end */


















































/*======================================

	Multi Column TYPE1 900Fixed
	┌┐┏━━┓┌┐
	││┃　　┃││
	└┘┗━━┛└┘
	
=======================================*/

/*--------------------------------------
	1-1. Style for All
---------------------------------------*/

body {
	margin: 0 5px;
}

div#header,
div#content,
div#footer {
	width: 1080px;
	min-width: none;
	max-width: none;
}

/*--------------------------------------
	1-2. Style for "body.multi"
---------------------------------------*/

/* 1-2-1. div#main
-----------------------------*/

body.multi div#main {
	margin-right: 200px; /*[←★→]*/
	float: right; /*[←★→]*/
	display: inline;
	width: 500px;
	min-height: 800px;
	_height: 800px; /* for IE */
}

/* 1-2-2. div#utilities
-----------------------------*/

body.multi div#utilities {
	float: left; /*[←★→]*/
	display: inline;
}

body.multi div#utilities dl.others {
	position: absolute;
	top: 0;
	right: 0; /*[←★→]*/
	width: 200px;
}

/* 1-2-3. Comment Form
-----------------------------*/

body.multi form.post textArea {
	margin: 0;
	width: 30em;
}

/* Main Column Border ------
----------------------------*/

body.multi div#main {
	border: 1px solid;
	border-top: none;
	margin-left: -2px;
}

body.multi div#utilities {
	width: 198px;
	_width: 200px; /* for IE (+ border width (2px))*/
}

/*--------------------------------------
	1-3. Style for "body.double"
---------------------------------------*/

body.double div#main {
	width: 880px;
	float: right; /*[←★→]*/
}

body.double div#utilities {
	width: 200px;
	float: left; /*[←★→]*/
	clear: left;
}

body.double div#utilities dl.navi,
body.double div#utilities dl.others {
	width: 200px;
}

/* Main Column Border ------
----------------------------*/

body.double div#main {
	border-right: none; /*[←★→]*/
	border-left: 1px solid; /*[←★→]*/
	margin-right: 0;
	margin-left: -3px; /*[←★→]*/
}

/*--------------------------------------
	Others
---------------------------------------*/

/* Thumbnail */

div#utilities ul.thumb li {
	width: 85px;
}


.mbot {
	text-align:right;
	font-size:90%;
	margin:-5px 20px 0 0;
}



.int1 {
	text-align:center;font-weight:bold;font-size:110%;background:#f4f4f4;border:1px solid #ddd;
}

.int2 {
	font-weight:normal;font-size:90%;
}

.f10 {
	font-size:10px;
}


#header .menu {
	display : none;
}


.video-container {
	
}

.video-container-2 {
	
}


.pcnone {
	display : none;
}

div.sp_cate {
	display : none;
}

.font9px {
	font-size:9px;
}

.mrrl30 {
	margin:0 30px 0 30px;
}


.f70mlm5 {
	font-size:70%;margin-left:-5px;
}


.pagetitle {
	margin-bottom:-7px;margin-left:-10px;
}

.mrt5 {
	margin-top:-5px;
}

.mrb-5 {
	margin-top:-5px;
}


.bookm {
	margin:10px 0 20px 35px;
}


.kanrent {
	margin:10px 0 0 35px;
}


.f90-5 {
	font-size:90%;margin-left:-5px;
}


.pagen01 {
	margin:25px 0 25px 0;text-align:center;
}


.mrb25 {
	margin:0 0 25px 0;
}

.spo10 {
	margin:0 0 0 0px;
	font-size : 130%;
	font-weight : bold;
	background : #ddd;
	padding : 10px 10px 10px 15px;
}