@charset "utf-8";
@import url(common.css);
/* CSS Document */

/*
--------------------------------------------------------
Since: 2008-12-8
Last Update:2008-12-12
Author: DEEP
Editor: DW8
-------------------------------------------------------- */


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



body {
	margin:0px;
	padding:0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:12px;
}

ul,li { 
	list-style-type:none;
	margin:0px;
	padding:0px;
}

a img { border:0; }

a:link {
   color:#FFFFFF;
   text-decoration:none;
}

a:visited {
   color:#FFFFFF;
   text-decoration:none;
}

a:hover {
   text-decoration:none;
	 color:#666;
}

a:active {
   color:#666;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*wrap*/
#wrap{
	margin:auto;
	width:845px;
	height:auto;
	background-image:url(../img/goto_top_bg.gif);
	background-repeat:repeat-y;
}
#wrap02{
	margin:auto;
	width:845px;
	height:auto;
	background-color: #ffffff;
}

/*header*/
#header{
	width:100%;
	height:62px;
	background-color:#FFFFFF;
}


#header h1{
	height:15px;
	line-height:15px;
	font-size:12px;
	color:#BCBCBC;
	padding:0px 0px 0px 20px;
	margin:0px;
	background-color:#F1F2F3;
	font-weight:normal;
}

#header_area{
	width:auto;
	height:47px;
	position:relative;
	background-image:url(../img/header_bg_01.gif);
	background-repeat:repeat-x;
}

.header_img_01{
	position:absolute;
	top:15px;
	right:150px;
}

.header_img{
	position:absolute;
	top:18px;
	left:230px;
}

.retrieval{
	position:absolute;
	top:15px;
	right:2px;
}

.bookmark01{
position:absolute;
top:15px;
right:0px;
}

.bookmark01_text{
position:absolute;
top:32px;
right:0px;
color:#0033CC;
font-size:10px;
}

.retrieval_01{
	width:150px;
	height:15px;
}

/*header_end*/

/*main_area*/
#main_img{
	padding-top:15px;
	padding-bottom:5px;
	background-color:#FFFFFF;
}

/*main_area_end*/

/*menu*/
#menu{
	width:auto;
	height:auto;
}

#menu li{
	padding:0px;
	margin:0px;
	float:left;
}

.menu_margin{
	margin-right:5px;
}

/*menu_end*/
.menu_after_text{
width:auto;
height:40px;
line-height:40px;
background-image:url(../img/attention.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:30px;
clear:both;
}

/*--content_area--*/
#content{
	width:100%;
	height:auto;
	margin:auto;
}

/*--left_area--*/
#left_content{
	width:620px;
	height:auto;
	margin-right:10px;
	float:left;
}

.left_title{
	margin-bottom:15px;
}


/*--left_area_end--*/

/*--right_area--*/
#right_content{
	width:215px;
	background-color:#F3F3F3;
	height:auto;
	text-align:center;
	float:left;
}

.right_content_title{
	margin-bottom:10px;
}

#right_content_01{
	width:100%;
	height:auto;
	margin-bottom:10px;
}

#right_content_02{
	width:213px;
	height:auto;
	padding-top:2px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid #BFBFBF;
}

.blog_area_01{
	width:98%;
	height:auto;
	padding-bottom:8px;
	border-bottom:1px dotted #bfbfbf;
	padding:5px 0px 8px 2px;
	text-align:left;
}

.blog_area_02{
	width:98%;
	height:auto;
	padding:5px 0px 8px 2px;
	text-align:left;
}

.blog_title{
	margin:0px 0px 5px 2px;
}

.blog_photo{
	width:auto;
	height:auto;
}

.blog_photo img{
	float:left;
	padding:0px 10px 10px 0px;
}

#right_content_03{
	width:213px;
	height:auto;
	padding-top:2px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid #BFBFBF;
}

.useful_area{
	width:auto;
	padding:10px;
	height:auto;
	text-align:left;
}

.useful{
	width:auto;
	height:auto;
}

.useful ul{
	float:left;
}

.useful li{
	font-size:10px;
	color:#666666;
}

.useful a:link {
   color:#FF6600;
	 font-size:12px;
   text-decoration:underline;
	 font-weight:bold;
}

.useful a:visited {
   color:#FF6600;
	 font-size:12px;
   text-decoration:underline;
	 font-weight:bold;
}

.useful a:hover {
   text-decoration:underline;
	 color:#FF9900;
	 font-size:12px;
	 font-weight:bold;
}

.useful img{
	float:right;
	padding-bottom:5px;
}


/*--right_area_end--*/

/*--content_area_end--*/


/*footer*/
.gototop{
width:auto;
height:20px;
position:relative;
}


.gototop img{
position:absolute;
right:230px;
bottom:10px;
}

#footer{
	width:100%;
	height:230px;
	margin:0px auto;
	background-image:url(../img/footer_bg.gif);
	clear:both;
	position:relative;
	font-size:12px;
	color:#fff;
}

.copyright{
	position:absolute;
	bottom:5px;
	left:30px;
}

#footer_text_link_area{
	height:auto;
	margin:auto;
	padding-left:30px;
	padding-top:10px;
	line-height:1.6em;
}

#footer_text_link_area li{
margin:0 0 0 15px;
}

.txt_title{
margin:0 0 6px 0;
}


#txt_link01 {
float:left;
width:190px;
margin-right:10px;
}

#txt_link02 {
float:left;
width:190px;
}

#footer_text_link_area a:link{
color:#fff;
text-decoration:none;
}

#footer_text_link_area a:hover{
color:#fff !important;
text-decoration:none;
background-color:#666;
margin:5px 0 5px 5px;
padding:2px;
}

#footer_text_link_area a:visited{
color:#fff;
text-decoration:none;
}

#footer_text_link_area a:active{
color:#fff;
text-decoration:none;
}






/*footer_end*/


/*/////rss部分*/
#rss_area{
	width:auto;
	height:auto;
}

#rss_area dl{
	margin:0px;
	padding:0px;
}

#rss_area dt{
	margin-left:6px;
	padding:0px 0px 0px 12px;
	background-image:url(../img/circle.gif);
	background-repeat:no-repeat;
}

#rss_area dd{
	margin-left:6px;
	padding:0px 0px 0px 12px;
	color:#FF6600;
}

#rss_area a:link {
	 color:#FF6600;
   text-decoration:underline;
}

#rss_area a:visited {
	 color:#FF6600;
   text-decoration:underline;
}

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

.rss_icon{
	width:140px;
	line-height:16px;
	height:16px;
	text-align:right;
	margin:5px 0px 0px 70px;
	background-image:url(../img/rss_icon.gif);
	background-repeat:no-repeat;
	color:#FF6600;
}

.rss_icon a:link {
	 color:#FF6600;
   text-decoration:none;
}

.rss_icon a:visited {
	 color:#FF6600;
   text-decoration:none;
}

.rss_icon a:hover {
   text-decoration:none;
	 color:#FF9900;
}

/*/////rss部分_end*/

/*/////cms部分*/
.cms_font_01{
font-size:10px;
color:#003366;
}

.cms_box{
float:left;
}

.cms_01{
margin-top:5px;
margin-bottom:5px;
}

.cms_title{
margin-bottom:15px;
}

.cms_title_02{
margin-bottom:15px;
margin-top:10px;
}

.cms_title03 {
	margin: 10px 0px;
	text-indent: 25px;
}

.cms_btn{
margin-top:5px;
}


.cms_btn_02{
padding-top:30px;
}

.cms_padding_01{
padding-top:2px;
}

/*/////cms部分_end*/


/*/////下層共通部分*/
.lower_layer_title{
padding:10px 0;
background-color:#FFFFFF;
}

.link_01{
	width:auto;
	height:75px;
}

.link_01 a:link {
   color:#0000FF;
   text-decoration:none;
}

.link_01 a:visited {
   color:#0000FF;
   text-decoration:none;
}

.link_01 a:hover {
   text-decoration:underline;
	 color:#0066FF;
}

.link_01 a:active {
   color:#0000FF;
}


/*/////下層共通部分_end*/

.index_text_area01{
width;:auto;
height:auto;
margin-top:10px;
}

.index_text_area01 li{
background-image:url(../common/img/img_01.gif);
background-repeat:no-repeat;
padding-left:20px;
font-size:14px;
font-weight:bold;
}

.index_text_area02{
padding:0px;
margin:10px 0 0 10px;
}

.index_text_area02 li{
padding:10px 0 10px 0;
list-style-type:decimal;
margin:0 0 0 30px ;
line-height:1.2em;
}

.index_text_area02_li{
border-bottom:1px dotted #666666;
}

.index_text_area02 li a:link {
   color:#FF6600;
			font-weight:bold;
   text-decoration:underline;
}

.index_text_area02 li a:visited {
   color:#FF6600;
			font-weight:bold;
   text-decoration:underline;
}

.index_text_area02 li a:hover {
  text-decoration:underline;
	 color:#ffffff;
		font-weight:bold;
		background-color:#000000;
}

.index_text_area02 li a:active {
   color:#FF6600;
			font-weight:bold;
			text-decoration:underline;
}


.index_text_area03{
padding:0px;
margin:0 0 0 10px;
}

.index_text_area03 li{
padding:10px 0 10px 0;
margin:0 0 0 10px ;
line-height:1.5em;
}

.index_text_area03_li{
border-bottom:1px dotted #666666;
}


.index_text_area03 li a:link {
   color:#FF6600;
			font-weight:bold;
   text-decoration:underline;
}

.index_text_area03 li a:visited {
   color:#FF6600;
			font-weight:bold;
   text-decoration:underline;
}

.index_text_area03 li a:hover {
  text-decoration:underline;
	 color:#ffffff;
		font-weight:bold;
		background-color:#000000;
}

.index_text_area03 li a:active {
   color:#FF6600;
			font-weight:bold;
			text-decoration:underline;
}


.blog_title01{
width:805px;
height:70px;
background-image:url(http://www.kodateism.com/links/img/title.gif);
line-height:70px;
font-size:18px;
font-weight:bold;
vertical-align:middle;
color:#333333;
padding-left:40px;
}