@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

/* header
----------------------------------------- */
#header h1,
#header p#logo{
	float: left;
	height: 50px;
	width: 200px;
}


#header p#head_text{
	float: left;
	margin-top: 18px;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
}


#header ul{
	float: right;
	padding-top: 16px;
	padding-right: 10px;
	overflow: hidden;
}


#header ul li{
	padding: 25px 8px 0px 8px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0 1px 0 0;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}


#header ul li a{
	color: #333333;
	text-decoration: none;
}


li.end{
	border-style: none !important;
}


/* content
----------------------------------------- */
#content p,
#content td,
#content li{
	line-height: 1.5;
}


/* topicpath
----------------------------------------- */
#main #topicpath{
	height: 63px;
	margin: 0 0 20px 7px;
	overflow: hidden;
	background-image: url(/img/topicpath_line.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}


#main #topicpath ol{
	margin-left: 25px;
}


#main #topicpath ol li{
	font-size: 12px;
	display: inline;
	list-style-type: none;
}


#main #topicpath ol li a{
	padding-right: 20px;
	background-image: url(/img/topicpath.gif);
	background-position: right center;
	background-repeat: no-repeat;
}


#contents #topicpath h1{
	padding-left: 25px;
	font-family: "FGP平成明朝体W7", "FG平成角ｺﾞｼｯｸ体W5", "FG平成明朝体W5";
	font-size: 280%;
	letter-spacing: 0.08em;
}



/* main
----------------------------------------- */
#home p#main_img img{
	float: right;
	margin: 0 0 26px 30px;
}


*:first-child+html #home p#main_img img{
	margin: 0 0 26px 0px;
}


#main div#flash{
	float: right;
	text-align: right;
}

/* for IE6 */
* html #main div#flash{
	padding-left: 30px;
}

#main p#home_banner{
	float: right;
	margin-top: 25px;
	margin-bottom: 20px;
	margin-left: 30px;
}


#contents #main h2{
	padding: 15px 0px 15px 35px;
	margin-bottom: 15px;
	font-family: "FGP平成明朝体W7", "FG平成角ｺﾞｼｯｸ体W5", "FG平成明朝体W5";
	font-size: 190%;
	letter-spacing: 0.08em;
	background-image: url(/img/contents_h2_bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


*:first-child+html #contents #main h2{
	clear: both;
	margin-bottom: 15px;
}


#home #main h2,
#contents #main h3{
	clear: both;
	width: 727px;
	padding: 15px 0px 10px 39px;
	margin-left: 0px;
	font-size: 16px;
	font-weight: 800;
	color: #FFFFFF;
	background-image: url(/img/home_h2_bg.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#contents #main div.index_desc{
	border: 1px solid #CCCCCC;
	border-left: 3px solid #990000;
	background-color: #FFFFFF;
	padding: 15px 15px 15px 5px;
	margin-left: 7px;
	margin-bottom: 15px;
}
#contents #main span.cat_link a{
	padding-left: 30px;
	font-size: 90%;
	color: #FFFFFF;
}

#contents #main span.h3_a_white a{
	color: #FFFFFF;
}

*:first-child+html #home #main h2,
*:first-child+html #contents #main h3{
	clear: both;
	padding: 8px 0px 10px 35px;
}


*:first-child+html #contents_h3_top{
	padding: 15px 0px 13px 35px !important;
}


#contents #main h4{
	padding: 5px 10px;
	margin: 5px 0;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0 0 1px 0;
	font-size: 18px;
	font-weight: 800;
	background-image: url(/img/contents_h4_bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#contents #main h5{
	padding: 5px 20px;
	margin: 5px 0;
	font-size: 16px;
	font-weight: 800;
	background-image: url(/img/contents_h5_bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#contents #main h6{
	padding: 5px 15px;
	margin: 5px 8px;
	font-size: 15px;
	font-weight: 800;
	background-image: url(/img/contents_h6_bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#main .home_box,
#main .contents_box{
	float: right;
	clear: both;
	width: 718px;
	padding: 20px 0;
	padding: 10px 0;
	margin-bottom: 20px;
	margin-left: 31px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0px 1px 1px 1px;
	background-color: #FFF;
}


#main .home_box dl{
	margin-top: 5px;
	display: inline-block;
}


#main .home_box dl dt{
	float: left;
	padding: 7px 8px 8px 25px;
	margin: 0 0 12px 0;
	font-size: 12px;
	line-height: 2px;
}


#main .home_box dl dd{
	float: left;
	width: 570px;
	padding: 7px 7px 10px 7px;
	margin: 0 0 12px 0;
	font-size: 14px;
	line-height: 2px;
}


*:first-child+html #main .home_box dl dt,
*:first-child+html #main .home_box dl dd{
	line-height: 6px;
}



#main .home_box ul{
	clear: both;
	padding: 0 0 10px 0 !important;
	margin: 0px 0 10px 25px !important;
}


/*#main .home_box ul li{
	float: left;
	width: 160px;
	padding: 0px !important;
	margin-right: 5px;
	margin-right: 10px;
	margin-left: 0px !important;
	overflow: hidden;
}*/


/* sub
----------------------------------------- */
#sub p#sublogo{
	height: 214px;
	width: 200px;
	margin: 0 0 12px 0;
}


#sub ul li{
	font-weight: 800;
	line-height: 0;
}


#sub ul li.bottom{
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0 0 1px 0;
}


#sub li a{
	padding: 10px 0px 10px 25px;
	color: #333333;
	line-height: normal;
	text-decoration: none;
	display: block;
	background-image: url(/img/nav_menu.png);
	background-position: left center;
	background-repeat: no-repeat;
}

 
*:first-child+html #sub li a{
	padding: 11px 0px 11px 25px;
}


#sub li a:hover,
#sub li #current{
	color: #FFF;
	background-image: url(/img/nav_menu-on.png);
	background-position: left center;
	background-repeat: no-repeat;
}


#sub p{
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#sub div.sidebox-body2{
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}


/* footer
----------------------------------------- */
#footer p#pagetop{
	float: right;
}


#footer ul li{
	display: inline;
}


#footer ul#footer_link{
	clear: both;
	padding: 5px 0 20px 0;
}


#footer ul#footer_link li{
	padding: 6px 14px 0 14px;
	border-style: solid;
	border-color: #BBBBBB;
	border-width: 0 1px 0 0;
	font-size: 12px;
}


#footer p#footer_logo{
	float: left;
	height: 66px;
	width: 368px;
}


#footer ul#footer_sub_link{
	float: right;
	margin-top: 20px;
	text-align: right;
}


#footer ul#footer_sub_link li{
	padding: 5px 10px 0 10px;
	border-style: solid;
	border-color: #BBBBBB;
	border-width: 0 1px 0 0;
	font-size: 10px;
}


#footer p#copyright{
	float: right;
	width: 500px;
	margin-top: 10px;
	font-size: 12px;
	text-align: right;
}


/* contents css  ------------------------------------- */
#contents #main p{
	margin: 0px 25px;
}


#main .blog_box{
	float: right;
	clear: both;
	width: 718px;
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	margin-left: 31px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0px 1px 1px 1px;
	background-color: #FFF;
}


#contents #main p.link{
	margin: 10px 0 10px 20px;
	background-image: url(/img/link_arrow.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
}


#contents #main p.link a{
	padding-left: 15px;
}

#contents #main .blog_box .contents_box_foot2 p.twitter,
#contents #main .blog_box .contents_box_foot p.twitter{
	float: right;
	margin: 10px 5px 0 0;
}

#contents .blog_box .contents_box_foot{
	background-color: #E6E6E6;
	margin-top: 100px;
}
#contents .blog_box .contents_box_foot2{
	background-color: #E6E6E6;
	margin-top: 0px;
}

#contents .blog_box .contents_box_foot2 ul.blog,
#contents .blog_box .contents_box_foot ul.blog{
	padding: 10px 0;
}

#contents .blog_box .contents_box_foot2 ul.blog li,
#contents .blog_box .contents_box_foot ul.blog li{
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	display: inline;
}

.event{
	padding-left: 20px;
	background-image: url(/img/blog_event_icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#contents .blog_box .contents_box_foot ul.blog li.event{
	padding-left: 0px;
	background-image: url(/img/blog_event_icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#contents .blog_box .contents_box_foot ul.blog li.comment{
	background-image: url(/img/blog_comment_icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#contents .blog_box .contents_box_foot ul.blog li.trackback{
	background-image: url(/img/blog_trackback_icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.time{
	padding-left: 20px;
	background-image: url(/img/blog_time_icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#contents .blog_box .contents_box_foot ul.blog li.time{
	background-image: url(/img/blog_time_icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#contents .blog_box .contents_box_foot ul.blog li.event a,
#contents .blog_box .contents_box_foot ul.blog li.comment a,
#contents .blog_box .contents_box_foot ul.blog li.trackback a,
#contents .blog_box .contents_box_foot ul.blog li.time span.time_left{
	padding-left: 20px;
}


#main .contents_box table{
	margin: 1em 0;
}


#main .contents_box table th,
#main .contents_box table td{
	padding: 5px 10px 5px 10px;
}


#main .contents_box .table-01 th{
	padding-left: 20px;
	background-image: url(/img/table01_arrow.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
}


#main .contents_box .table-01 th,
#main .contents_box .table-01 td{
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px 0 1px 0;
}


#main .contents_box .table-02{
	margin-left: 40px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 0 0;
}


#main .contents_box .table-02 th{
	background-color: #E6E6E6;
}


#main .contents_box .table-02 th,
#main .contents_box .table-02 td{
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0 0 1px 1px;
}


#main .contents_box blockquote{
	padding: 10px;
	margin: 20px 10px 20px 60px;
	border-style: solid;
	border-color: #999999;
	border-width: 0 0 0 3px;
	background-image: url(/img/blockquote_bg.gif);
	background-position: left center;
	background-repeat: repeat;
}


#main .contents_box ul.list01 li{
	padding-left: 10px;
	margin-left: 20px;
	background-image: url(/img/list01_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#main .contents_box ul.list02 li{
	padding-left: 10px;
	margin-left: 40px;
	background-image: url(/img/list02_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


li.thumb{
	float: left;
	padding: 2px;
	margin: 0.5em 0;
	border: 2px solid #FFFFFF;
}

/*
li.thumb:hover{
	border: 2px solid #CCCCCC;
}

li.thumb a{
	position: relative;
	float: left;
	height: 120px;
	width: 160px;
	overflow: hidden;
	z-index: 1;
	line-height: 120px;
	display: block;
}

li.thumb a img{
	position: absolute;
	float: left;
	width: 160px;
	height: 120px;
}
*/

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

#comments-form{
	padding: 15px;
}

#content ul#top-comment-nav li{
	padding: 15px 0px 15px 15px;
	display: inline;
}

#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me{
	padding-bottom: 5px
}

/*		archive form
---------------------------------------------*/
.archive-content{
	padding-bottom: 15px;
	padding-left: 15px;
}

.content-nav{
	padding-left: 15px;
}

/*		trackback form
---------------------------------------------*/
#trackbacks .contents_box_foot{
	margin-top: 15px;
}

/*		blog form
---------------------------------------------*/
.blog_box ul.blog{
	padding: 0px 0px 15px 15px;
}

/*		contact
---------------------------------------------*/
.checkboxLabel{
	background-color: #CCCCCC;
	padding: 5px;
}
.attention{
	color: #FF0000;
}

/*		twitter
---------------------------------------------*/
#follow{
	float: right;
	font-size: 70%;
	text-align: center;
	width: 200px;
}
#follow a{
	background-image: url(../img/f-twitter_icon.gif);
	background-repeat: no-repeat;
	height: 20px;
	text-decoration: none;
	padding-right: 20px;
	padding-top: 4px;
}
.rikka_tw{
	float: left;
}
#tw-right{
	float: right;
	width: 620px;
}
#twitter_update_list{
	padding-left: 10px;
}

#content #twitter_update_list li{
	padding-right:20px;
	margin: 0px 0px 25px 0px;
}
#content #twitter_update_list li a{
	font-size: 90%;
}

#contents #main p.google_ad{
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 20px 25px;
	border-top: 1px solid #CCCCCC;
}

#home #main div.google_ad{
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 20px 25px;
	border-top: 1px solid #CCCCCC;
}