@charset "UTF-8";

/* ---------- reset ---------- */

*
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	/*font-family:Verdana, Arial, sans-serif;*/
}

/* ---------- reset_end ---------- */

#fc2 {text-align:left;}

/* ---------- body ---------- */

body {
        color:#000000;
        background: #ffffff;
        text-align: center;
        } 

a {
   text-decoration:underline;
   color:#000000;
   }

a:hover {
	    color:#FF9900;
	    text-decoration:underline;
            }

.layout-two-column-right #main-container,.layout-two-column-left #main-container,.layout-one-column #main-container {
	width:100%;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	color:inherit;
}


/* ---------- body_end ---------- */

/* ---------- banner ---------- */

.layout-two-column-right #banner,.layout-two-column-left #banner,.layout-one-column #banner {
	height:177px;
	color: inherit;
}
.layout-two-column-right #banner,.layout-two-column-left #banner,.layout-one-column #banner {
	background: #ffffff url(header_960.png) no-repeat  100% 0;
}

#banner h1 {
	text-align:left;
	font-size:24px;
	font-weight:bold;
	position: relative;
	top: 55px;
	left: 85px;
}

#banner h1 a {
	color:#660000;
	background-color:inherit;
	text-decoration:none;
}

#banner h1 a:hover {
	color:#660000;
	background-color:inherit;
	text-decoration:underline;
}

#banner h2 {
	color:#000000;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	position: relative;
	top: 55px;
	left: 85px;
}

.lin2 a:link       {font-size:13px;color:#660000;text-decoration:none;font-weight:bold;}
.lin2 a:visited    {font-size:13px;color:#660000;text-decoration:none;font-weight:bold;}
.lin2 a:active     {font-size:13px;color:#660000;text-decoration:underline;font-weight:bold;}
.lin2 a:hover      {font-size:13px;color:#660000;text-decoration:underline;font-weight:bold;}

.lin2{color:#660000;text-align:right;position: relative;top: 75px;}

.pankuzu{font-size:12px;color:#660000;text-align:left;position: relative;top: 85px;}

.pankuzu a:link       {font-size:12px;color:#000000;text-decoration:underline;font-weight:normal;}
.pankuzu a:visited    {font-size:12px;color:#000000;text-decoration:underline;font-weight:normal;}
.pankuzu a:active     {font-size:12px;color:#000000;text-decoration:underline;font-weight:normal;}
.pankuzu a:hover      {font-size:12px;color:#000000;text-decoration:underline;font-weight:normal;}

.copyright{font-size:12px;color:#000000;text-align:center;}

/* ---------- main ---------- */

#all_contents {
       width:100%;
       overflow:hidden;
       margin: 0 auto;
}

.layout-one-column #main
{
	width:700px;
	float:left;
	background-color:#ffffff;
	color:inherit;
}

.layout-two-column-right #main
{
	width:94%;
	background-color:#ffffff;
	color:inherit;
        margin-left:10px;
        margin-right:10px;
}

.layout-two-column-left #main
{
	width:660px;
	float:right;
	background-color:#ffffff;
	color:inherit;
}


.content
{
	
        border:1px solid #CCC;
	border-radius: 3px;
        margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

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

p.date-header
{
	width:98%;
	background-color:transparent;
	background-image:url(hrbar.jpg);
	background-repeat:repeat-x;
	background-position: bottom left;
	color:#000000;
	text-align:right;
	font-size:88%;
	padding:5px 5px 10px 5px;
	margin:0 0 15px 0;
	height: 30px;
}

h2.entry-header
{
	background-color:transparent;
	background-image:url(marker.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
        color:#660000;
	font-size:120%;
	font-weight:bold;
	padding:0 0 10px 20px;
}

h2.entry-header a
{
	background-image: none;
	color:#660000;
	text-decoration:none;
}

h2.entry-header a:hover
{
	background-image: none;
	color:#660000;
	text-decoration:underline;
}

h3.entry-header
{
	background-color:transparent;
	background-image:url(marker.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
        color:#660000;
	font-size:120%;
	font-weight:bold;
	padding:0 0 10px 20px;
}

h3.entry-header a
{
	background-image: none;
	color:#660000;
	text-decoration:none;
}

h3.entry-header a:hover
{
	background-image: none;
	color:#660000;
	text-decoration:underline;
}

blockquote
{
	color:#669966;
	font-size:88%;
	padding:10px;
	border:1px dashed #999999;
	background:#ffffff;
}

.entry-body p
{
	color:#000000;
	font-size:88%;
	margin:10px 0;
	padding:0 0 10px 0;
	border:none;
}

.entry-body img
{
	border:none;
	margin:0 0 20px 0;
}

.entry-body ul
{
	list-style-position:inside;
}

.entry-body li
{
	color:#000000;
	font-size:88%;
	margin-right:5px;
	list-style-type:square;
}

.entry-more
{
	color:#000000;
	font-size:88%;
	margin:5px 0;
	padding:5px 0 10px 0;
	text-align: left;
}

div.entry-tags ul.entry-tags-list
{
	list-style:none;
	border-bottom:1px dotted #999999;
	padding:0 0 5px 0;
	margin:10px 0;
}

div.entry-tags ul.entry-tags-list li
{
	display:inline;
	margin:0 10px 0 0;
	font-size:88%;
}


.entry-info
{
	padding:10px 0 10px 0;
        border-top:1px dotted #000000;
}

.entry-info li
{
	color:#000000;
	font-size:88%;
	display:inline;
	margin-right:5px;
	list-style-type:none;
}

.content h4
{
	background-color:#ffffff;
	border:1px solid #FF9900;
	color:#FF9900;
	font-weight:bold;
	font-size:88%;
	padding:3px 5px;
	margin:0 0 5px 0;
}

.content p.navi-link
{
	color:#000000;
	font-size:88%;
	margin:0 0 15px 0;
}

/* ---------- main_end ---------- */

/* ---------- menu ---------- */

.layout-one-column #left-menu,
.layout-one-column #right-menu
{
	display:none;
}

.layout-two-column-right #left-menu,
.layout-two-column-right #right-menu
{
	width:90%;
        margin:0 auto;
}

.layout-two-column-left #left-menu,
.layout-two-column-left #right-menu
{
	width:230px;
	float:left;
}

.layout-two-column-right .left-content,
.layout-two-column-right .right-content,
.layout-three-column .right-content
{
	padding:10px 0 0 0;
}

.layout-two-column-left .left-content,
.layout-two-column-left .right-content,
.layout-three-column .left-content
{
	padding:10px 0 0 0;
}

.left-content h3,
.right-content h3
{
	color:#660000;
	font-weight:bold;
	font-size:100%;
        text-align:center;
	padding:15px 0 0 0;
	height:32px;
        background-image: url(../images/ranun01.jpg);
	background-repeat: no-repeat;
	background-position: center 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
        border-bottom-color: #ff3300;
}

.left-content h5,
.right-content h5
{
	color:#660000;
	font-weight:bold;
	font-size:80%;
	text-align:center;
	padding:10px;
}

.left-content h3 a
{
	color:#660000;
	text-decoration:underline;
}

.left-content h3 a:hover
{
	color:#000000;
	text-decoration:underline;
}

#left-menu li a,
#right-menu li a
{
	background-image: none;
	text-decoration:underline;
	color:#000000;
}

#left-menu li a:hover,
#right-menu li a:hover
{
	color:#FF9900;
	text-decoration:underline;
}

#left-menu li
{
	background-color:transparent;
	background-image:url(marker.jpg);
	background-repeat:no-repeat;
	background-position:0 85%;
	list-style-type: none;
	color:#000000;
	font-size:80%;
	padding:0 0 0 20px;
	margin: 5px 0 0 0;
}

#right-menu li
{
	list-style-type:none;
	color:#000000;
}

.site-link {
	padding:10px 0 0 0;
}

.search-form,
.category-archives,
.monthly-archives,
.recent-entry,
.site-link,
.cclicense,
.powered,
.search-feed
{
	margin:0 0 30px 0;
	padding:0 10px 5px 7px;
}

.category-archives, 
.search-form,
.monthly-archives,
.recent-entry,
.site-link
{
        margin: 0 5px 10px 5px;
	border:1px solid #CCC;
	border-radius: 3px;
	text-align: left;
	padding: 5px;
}

.category-label,
.monthly-archives
 {
        font-size:88%;
}

.syndicate
{
	margin:0 15px 0 10px;
	padding:5px 0;
}

.powered 
{
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	margin:0 15px 20px 10px;
}	

.cclicense
{
	background-color:#ffffff;
	color:inherit;
	border:1px solid #FF9900;
	padding:5px;
	margin:10px 18px 10px 15px;
}

.recent-entry li
{
	background-color:transparent;
	background-image:url(marker.jpg);
	background-repeat:no-repeat;
	background-position:0 5%;
	list-style-type: none;
	color:#660000;
	font-size:80%;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
}

.module-content{
line-height: 140%;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
    background-color: none;	
    background-image: url("");
  	padding: 0px;
	text-align: center;
        margin-top:10px;
	margin-bottom: 10px;
}

.module-content a:link       {color:#660000;text-decoration:underline;font-weight:bold;}
.module-content a:visited    {color:#660000;text-decoration:underline;font-weight:bold;}
.module-content a:active     {color:#660000;text-decoration:underline;font-weight:bold;}
.module-content a:hover      {color:#660000;text-decoration:underline;font-weight:bold;}

.module-content table {
padding: 5px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
        text-align: center;
}
.module-content caption {
color: #000000;
    font-weight: bold;
    background-color: none;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	text-align: center;
	padding: 0px;
	text-transform: uppercase;
    letter-spacing: .-1em;
	border: 1px solid #FFFFFF;
caption-side: top;
}
.module-content th {
font-size:12px;
text-align: center;
	font-weight: normal;
}

.module-header h3
{
	color:#660000;
	font-weight:bold;
	font-size:88%;
        text-align:center;
	padding:4px 0 10px 10px;
	height:20px;
}

.module-header,
.category-archives,
.recent-entry,
.search-feed
{
	background-repeat:no-repeat;
	background-position:0 0;
}

.cclicense,.syndicate,.powered
{
	color:#000000;
	font-size:70%;
}

.search-form label
{
	color:#000000;
	font-size:80%;
	margin-top: 15px;
}

.search-form #search
{
	width:90%;
	color:#999999;
	font-size:80%;
	border:1px solid #999999;
	padding:1px;
	background:#ffffff;
}

.search-form .searchsubmit
{
	color:#ffffff;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	background-color:inherit;
	background-image:url(button_bg.jpg);
	background-repeat:no-repeat;
	background-position:0 100%;
	width: 60px;
	height: 21px;
	margin:10px 0 0 0;
	padding:2px 0 0 0;
}

.site-link li
{
	list-style-type:none;
	color:#000000;
	font-size:80%;
        background-image:url(marker.jpg);
	background-repeat:no-repeat;
	background-position:0 15%;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
}

table.last_table {
border-collapse:collapse;
border:0;
}

table.last_table tr td {
padding:0;
border:0;
}

/* ---------- menu_end ---------- */

/* ---------- footer ---------- */

.layout-two-column-left #footer,
.layout-two-column-right #footer,
.layout-one-column #footer
{
	background-color:#ffffff;
	background-image:url(hrbar.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	color:inherit;
	clear:both;
	padding:5px 0;
	height: 120px;
}

#footer
{
	text-align:center;
	padding:0 0 15px 0;
}

#footer ul
{
	list-style:none;
}

#footer ul li
{
	display:inline;
	margin-right:15px;
}

/* ---------- footer_end ---------- */

/* ---------- trackback ---------- */

.trackbacks p,
.trackbacks dt
{
	color:#333333;
	background-color:inherit;
	font-size:70%;
}

.trackbacks p
{
	margin:5px 0 10px 0;
}

.trackbacks input
{
	color:#000000;
	border: 1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
}

.trackback-info
{
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #999999;
}

.trackback-info ul
{
	padding:2px;
	display:inline;
}

.trackback-info li
{
	color:#666666;
	font-size:70%;
	display:inline;
	margin:0 5px 0 0;
	list-style-type:none;
}

/* ---------- trackback_end ---------- */

/* ---------- comment ---------- */

.comments,
#comments-open-data label
{
	background-image:url(./menu_bg.gif);
	background-repeat:repeat;
	background-position:0 0;
	margin:0 0 10px 0;
	padding:5px;
}

.comments-body
{
	background-color:#ffffff;
	color:000000;
	padding:5px;
}

.comments-body p,
.comments-info li,
#comments-open-data legend,
#comments-open-data label
{
	color:#000000;
	background-color:inherit;
	font-size:80%;
}

p.comments-open-moderated
{
	color:#000000;
	background-color:inherit;
	font-size:80%;
}

.comments-body p,.comments-post-content p
{
	margin:5px 0 10px 0;
}

.comments-info
{
	border-top: 1px dashed #999999;
        border-bottom: 1px solid #999999;
	padding-top:5px;
        font-size:70%;
}

.comments-info li
{
	display:inline;
	margin-right:5px;
	list-style-type:none;
        float: right;
}

#comments-open-data legend
{
	color:#ffffff;
	background-color:#000000;
	padding:3px;
	margin:0 0 10px 0;
}

#comments-open-data input#comment-author,
#comments-open-data input#comment-email,
#comments-open-data input#comment-url
{
	width:40%;
	color:#000000;
	font-size:80%;
	border:1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
	margin:5px 0 10px 0;
}

#comments-open-data textarea
{
	width:80%;
	color:#000000;
	font-size:70%;
	border:1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
	margin:5px 0 10px 0;
}

.comments-open-footer input
{
	color:#000000;
	font-size:80%;
	border:1px solid #999999;
	background-color:#ffffff;
	margin-top:5px;
}

.comments-open-footer li
{
	display:inline;
	margin-right:15px;
	list-style-type:none;
}

.cookie li
{
	display:inline;
	list-style-type:none;
}

/* ---------- comment_end ---------- */

/* ---------- search ----------*/

div.content h2.search-results-header
{
	font-size:70%;
	font-weight:bold;
	background-color:#ffffff;
	border:1px solid #FF9900;
	padding:5px;
	color:#FF9900;
	margin-bottom:10px;
	text-align: center;
}

div.search-feed p
{
	color:#000000;
	font-size:70%;
	line-height:140%;
}

div.search-feed-content
{
	padding:10px;
}

p.feed-link
{
	margin:5px 0 0 0;
}

form#search-form label
{
	background-color:inherit;
	color:#000000;
	font-size:70%;
	margin:0 0 5px 0;
}

dd#search-box ul,
dd#search-options ul
{
	list-style:none;
	padding:0 0 10px 0;
}

dd#search-box ul li,
dd#search-options ul li
{
	display:inline;
	margin:0 15px 0 0;
　　border: 1px solid #000000
}

dd#search-box input#検索
{
	width:70%;
	color:#000000;
	font-size:70%;
	border: 1px solid #333333;
	padding:2px;
	background-color:#dcdcdc;
}

dd#search-box input.検索語句
{
	color:#000000;
	font-size:70%;
	font-weight:bold;
	text-align:center;
	background-color:inherit;
	background-image:url(button_bg.jpg);
	background-repeat:no-repeat;
	background-position:0 100%;
	width: 59px;
	height: 15px;
	margin:5px 0 0 0;
	padding:2px 0 0 0;
}

h5.search-results-tit
{
	color:#660000;
	font-weight:bold;
	font-size:100%;
	border-bottom:1px dotted #cccccc;
	padding:2px;
	margin-bottom:10px;
}

p.search-results-content
{
	color:#000000;
	font-size:70%;
	line-height:140%;
	margin:0 0 10px 0;
	background-color:inherit;
}

div.tags-list dl dt
{
	color:#000000;
	font-size:70%;
	line-height:140%;
	margin:0 0 5px 0;
	background-color:inherit;
}

div.tags-list
{
	margin:0 0 10px 0;
}

/* ---------- search_end ----------*/


/* ---------- archives ----------*/

div.archive-body ul.archive-list li
{
	list-style-position:inside;
	color:#000000;
	font-size:88%;
	background-color:inherit;
}

/* ---------- archives_end ----------*/

/* ---------- img_float ----------*/
img.le {
	float: left;
	border: none;
	margin: 0px 15px 5px 0px;
	vertical-align: top;
}


img.ri {
float: right;
border: none;
margin: 0px 0px 5px 15px;
vertical-align: top;
}
/* ---------- img_float_end----------*/

/*----------ブログヘッダ-----------*/
/*--
#header header {
	width: 100%;
        height: 112px;
        margin: 0 auto;
}

#header header h1 {
        line-height: 1.5;
        padding: 10px;
        font-size: 88%;
}
--*/
/*----------ブログヘッダ_end-----------*/


/*--headerbtm---------------------------*/
#headerbtm {
	overflow: hidden;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}


/*--Topicpath----------------------------------------------*/
#topicpath{
	float:left;
	margin:0 0 0 10px;
}
#topicpath a{
        text-decoration: none;
}
#topicpath ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
}
#topicpath ol li:after {
	/* liの後に記号追加 */
	content:" > ";
}
#topicpath ol li:last-child:after {
        /* 最後のliだけcontentを消す */
        content:"";
}

/*----------------------サイドバー------------------------------*/
.sidebar_title{
	margin: 0 5px 10px 5px;
	border:1px solid #CCC;
	border-radius: 3px;
	text-align: left;
	padding: 5px;
}

.sidebar_list{
	margin:10px 0 10px 0}

.sidebar_list ul{
	list-style-image: url(http://www.yumiko3.net/images/cloveronly12.gif);
	list-style-position: inside;
	vertical-align: middle;
}

.sidebar_list ul li{
	font-weight: bold;
	color: #660000;
}

.sidebar_list ul li ul{
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: none;
	padding-left: 12px;
}

.sidebar_list p{
	padding: 0px 12px;
	color: #660000;
}

.sidebar_title img{
	display: block;
	margin: 0 auto;
}

.sidebar_title div h2 {
	background-image: url(../images/ranun01.jpg);
	background-repeat: no-repeat;
        background-position: center 8px;
	text-align: center;
	height: 32px;
	background-position: center 8px;
	font-size: 100%;
        font-weight: bold;
	color: #660000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
        border-bottom-color: #ff3300;
	padding: 15px 0 0 0 ;
}

#sidebar h2 {
        font-weight: bold;
}

#sidebar div ul {
        padding-left: 20px;
}
       


/*--Topへ戻るボタン---------------------------------------*/
#topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 14px;   /* ←下端からの距離 */
      right: 8px;    /* ←右端からの距離 */
      width: 7em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;

      /* ▼配色・配置・文字の装飾など */
      background-color: #2525aa; /* ←背景色 */
      opacity: 0.75;             /* ←透明度 */
      border-radius: 24px;       /* ←角丸の半径 */
      text-align: center;    /* ←文字の位置 */
      font-size: 110%;       /* ←文字サイズ */
      font-weight: bold;     /* ←文字の太さ */
      margin: 0px;    /* ←外側の余白 */
      padding: 5px;  /* ←内側の余白 */
   }
   #topbutton a {
      /* ▼リンクの装飾 */
      color: white;          /* ←文字色 */
      text-decoration: none; /* ←下線なし */
   }
   #topbutton a:hover {
      /* ▼マウスが載ったときの装飾 */
      color: yellow;              /* ←文字色 */
      text-decoration: underline; /* ←下線あり */
   }
   


@media only screen and (max-width: 480px) {
 img {
	max-width : 100% ;
	height : auto ;
	}



/* ** */}

@media only screen and (min-width: 548px) {




/* ** */}


@media only screen and (min-width: 960px) {

#all_contents {
       min-width:960px;
       width: 960px;
}

/*
#header {
	min-width: 960px;
}

#header header {
	width: 960px;
        height: 112px;
	background-image: url(../images/ranun.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
*/

/*--headerbtm---------------------------*/
#headerbtm {
	width:960px;
	overflow: hidden;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
        font-size:88%;
	}


/*--Topicpath----------------------------------------------*/
#topicpath{
	float:left;
	margin:0 0 0 10px;
}
#topicpath ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
}
#topicpath ol li:after {
	/* liの後に記号追加 */
	content:" > ";
}
#topicpath ol li:last-child:after {
        /* 最後のliだけcontentを消す */
        content:"";
}

.layout-two-column-right #main
{
	width:710px;
        float:left;
}

.layout-two-column-right #right-menu
{
	width:230px;
	float:right;
}

/* ** */}