@charset "UTF-8";
/* Base Weblog (base-weblog.css) */

/*-------------------------------------------- basic elements-------------------------------------------- */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
	}

body {
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center; 
    background-image:url(/image/back.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-attachment: fixed;
    margin:0;
	font-size:12px;
	line-height:1.5em;
	color:#222222;
}

form { margin: 0; padding: 0; }

a img { border: 0; }






h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}

p,ul{
	margin:0;
	padding:0;
}


/* ----------------------standard helper classes---------------------- */
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac ¥*/
* html .pkg { height: 1%; }
.pkg { display: block; }


div#container {
    width: 830px;
    text-align:center;
    margin:0 auto;
    background-image:url(/image/back_con.png);
    background-position: top center;
    background-repeat: repeat-y;

}

#container-inner { 
    width:820px; 
    margin:0px auto;
    text-align:left;
}

#pagebody-inner {
	text-align:left;
    width:760px;
    margin:0px 30px 0px 30px;
}

/*-------------------------------------------- banner-------------------------------------------- */
#banner{
	clear:both;
	text-align:left;
	height: 130px;
	width: 820px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    border-top:#D70C18 solid 10px;
    }
.ie6 #banner{
		margin:0px 0px 10px 0px;

	}

#logo {
	display:block;
	position:relative;
	float:left;
	top:20px;
	left:25px;
	width:166px;
	height:130px;
	}

ul#banner-bt {
	float:left;
	position:relative;
	width:280px;
	height:23px;
	left:90px;
	top:33px;
	display:inline;
	}

.ie6 ul#banner-bt {
		top:34px;
}


ul#banner-bt li{
	display:inline;
	margin:0px 0px 0px 15px;
}


/*----------- headerright----------- */

#banner-right {
	display:block;
	position:relative;
	text-align:right;
	float:right;
	width:280px;
	height:34px;
	right:30px;
	top:25px;
}

/*-----------search-----------*/
#banner-right input#search {
	width:245px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	height:18px;
	border:#444444 solid 2px;
	padding:3px 20px 3px 5px;
	background-image:url(image/search_icon.png);
	background-position:right center;
	background-repeat:no-repeat;	
	background-color:#FF9;
	}
	
.ie6 #banner-right input#search{
		width:274px;/* IE6 */
		height:28px;/* IE6 */
		padding:6px 20px 0px 5px;
}

.ie7 #banner-right input#search,
.ie8 #banner-right input#search
{padding:6px 20px 0px 5px;}


/*-----------fontsize-----------*/
#banner-fontsize{
	text-align:right;
	margin-top:15px;
	}

#banner-fontsize img#font_bt_title{
	margin-right:3px;
	height:26px;
	width:75px;
	}

#banner-fontsize img#font_bt{
	margin-left:3px;
	cursor:pointer;
	height:26px;
	width:26px;
	}

.cursor-pointer {
	cursor:pointer;
}



/* rss */
#box-rss {
	text-align:right;
	margin-top:5px;
}


/* --------------------------------------------page layout add--------------------------------------------*/
#alpha {
	margin-top:0px;
	float:right;
	width:575px;
	}
	


#beta  {
	margin-top:0px;
	float:left;
	width:155px;
	}
	
/* topimg */
#main-topimg {
	width:573px;
	height:138px;
	border:1px solid #444444;
	margin:0px 0px 20px 0px;
	overflow:hidden;
}

.ie #main-topimg {
	width:572px;
}

.ie6 #main-topimg {
	margin:0px 0px 20px 1px;
}



#main-topimg img{
	width:573px;
	height:138px;
}



/* --------------------------------------------topmain --------------------------------------------*/
#main-left {
	position:relative;
	display:block;
	width:385px;
	float:left;
	margin:0px 0px 0px 0px;
}
#main-right {
	position:relative;
	display:block;
	margin:0px 0px 0px 0ox;
	float:right;
	text-align:center;
	width:160px;
}

/* -----------what's new -----------*/

#main-left h2#head{
	width:385px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#main-left h2#head #head_title{
	width:385px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h2#head #rss{
	position:absolute;
	width:43px;
	height:14px;
	margin:13px 0px 0px -53px;
	padding:0px 0px 0px 0px;
}


#new {
width:385px;
margin:10px 0px 0px 0px;
}

.ie6 #new {
	
width:385px;
margin:5px 0px 0px 0px;
}

#new ul {
	width:385px;
	margin:0px 0px 0px -30px;
	padding:0;
	list-style-position:outside;
	list-style-type:none;
	overflow:visible;

}
#new li {
	width:365px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 20px ;
	background-image:url(/image/arrow_red.png) ;
	background-repeat:no-repeat;
	background-position:0px 5px;
		overflow:visible;
	}

#new #dot385{
	display:block;
	margin:10px 0px 9px -20px;
}


/* -----------news bottom -----------*/
#box-new-add {
	width:385px;
	margin:15px 0px 0px 0px;
	display:block;
	clear:both;
	background-color:#FFFFB4;
}

.ie6 #box-new-add,
.ie7 #box-new-add {
	margin:10px 0px 0px 0px;
}

#box-new-add p{
	width:355px;
	padding:10px 5px 10px 25px;
	display:block;
	background-image:url(/image/arrow_gray.gif);
	background-position:10px 15px;
	background-repeat:no-repeat;
}

/*------------------------------------------------------- top_right--------------------------------------------------------- */

#main-right h2#head{
	width:160px;
	height:40px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

#main-right h2#head #head_title{
	width:160px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#box-info {
	text-align:left;
	margin-bottom:15px;
	width:160px;
	background-color:#FFFFB4;
} 

#box-info p{
	text-align:left;
	widhth:130px;
	padding:10px 5px 10px 25px;
	display:block;
	background-image:url(/image/arrow_gray.gif);
	background-position:10px 15px;
	background-repeat:no-repeat;
}




#box-right-bn{
	display:block;
	width:160px;
	margin-bottom:15px;
}

#box-right-bn img{
	display:block;
	width:160px;
	margin-bottom:15px;
}

#box-right-bn img#fb-banner{
	display:block;
	width:160px;
	margin-bottom:0px;
}

#box-right-twitter{
	position:static;
	display:block;
	width:160px;
	height:250px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px ;
}


#box-count {
	clear:both;
	margin:122px 0px 0px 0px;
	text-align:left;
	position:static;
	display:block;
	width:160px;
	height:70px;
	background-image:url(/image/count_back.png);
	background-position:top center;
	background-repeat:no-repeat;
} 

.ie6 #box-count {
	margin:0px 0px 0px 0px;
	} 


#box-count img#count_a{
	margin:10px 0px 0px 0px;
}

#box-count img#count{
	margin:4px 0px 0px 0px;
}

#box-count img#count_t_a{
	margin:10px 5px 0px 10px;
}
#box-count img#count_t{
	margin:4px 5px 0px 10px;
}




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

.menu {
	margin:0;
	width:155px;
}
.menu ul {
	margin:0 0 20px 0 ;
	padding:0 0 0 0;
	text-align:center;
	line-height:0;
}
.menu li {
	list-style: none ;
	width:155px;
	height:35px;
	margin:0px 0px 0px 0px;
	_margin-bottom:-3px;
	padding:0px 0px 0px 0px;
	line-height:0;
}

.menu li#menu_end {
	height:75px;
}

.menu li img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:155px;
	height:35px;	
}

.menu li#menu_end img {
	height:75px;	
}

.menu-add {
	margin-bottom:20px;
}
.menu-add li {
	list-style: url(image/arrow_right.gif)  inside ;
}

/* menu QR */
.menu #m_qr {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	width:155px;
	height:190px;
	background-image:url(image/m_qr_back.png);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
}

.menu #m_qr #m_qr_t  {
	width:126px;
	height:135px;
	padding:0px 0px 0px 0px;
	margin:12px 0px 0px 0px;
}

.menu #m_qr #m_qr_bt  {
	width:126px;
	height:26px;
	margin:0px 0px 0px 0px;
	margin-top: 2px\0/; /* IE8+9  */
}

.menu #bn  {
	margin:0px 0px 0px 0px;
}

.menu #bn a {
	display:block;
	width:155px;
	height:70px;
	margin:0px 0px 15px 0px;
}

.menu #bn a img {
	width:155px;
	height:70px;
}






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

#page_top{
width:760px;
height:20px;
margin:20px 30px 15px 30px;
text-align:right;
}

.ie8 #page_top{
margin:35px 30px 15px 30px;
}

#footer {
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left ;
	width:820px;
	height:150px;
	margin:0px 0px 0px 0px;
	background:#333;
	background-image:url(/image/footer_back.png);
	background-position:left top;
}


#footer_logo {
	position:relative;
	display:block;
	float:left;
	width:120px;
	height:70px;
	margin:37px 0px 0px 27px;
	}
	
.ie6 #footer_logo {
	margin:37px 0px 0px 12px;
	}

#footer_right {
	position:relative;
	float:right;
	text-align:left;
	display:block;
	width:615px;
	margin:15px 30px 0px 0px;
}

.ie6 #footer_right {
	width:615px;
	margin:15px 15px 20px 0px;
}

#footer_right ul li{
	font-size:12px;
	display:inline;
	background-image:url(/image/arrow_w.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:12px;
	margin:0px 21px 0px 0px;
	}
	
#footer_right ul li#footer_bt_last{
	margin:0px 0px 0px 0px;
	}
	

	
#footer_right ul#footer_bt_top{
	margin:0px 0px 5px 0px;
}

#footer_right ul#footer_bt{
	margin:0px 0px 10px 0px;
	border-bottom:1px #ffffff solid;
	padding-bottom:8px;
}


#footer_right #add {
	font-size: 12px;
margin:0px 0px 5px 0px;
}

#footer_right #copy {
	font-size: 10px;
margin:0px 0px 0px 0px;
}





/* ----------------------------------------basic page elements---------------------------------------- */
a
{ color:#222222;
text-decoration: underline; }
 
 a:link
 { color:#222222;
 text-decoration: underline; }
 
a:visited
{ color:#222222;
text-decoration: underline; }
	 
a:hover
{ color:#d70c18; }
	
a:active
{ color:#d70c18; }


#main-left a,
#main-right a
{ color:#d70c18;
 text-decoration: underline; }

#main-left a:hover,
#main-right a:hover
{ color:#999999; }

#footer_right a { color:#FFFFFF;
 text-decoration: none; }
#footer_right a:hover { color:#FF3; }

/* color */
.bg-gray {
	background-color: #FFFFB4;	
}

.border-bottom-red {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e60000;
	
}

.rd {
	color: #F00000;
}

.blue {
	color: #003366;
}

.bgwhite {
	background-color:#FFFFFF;
}

.bgblue {
	background-color:#FFFFFF;
}

.bglightgray {
	background-color:#FFFFB4;
}

/* fontsize */
.fontsize100 {
	font-size:14px ;
}
.font80 { font-size:12px; }

/* --------------------------------------------margin padding-------------------------------------------- */
.margin-bottom-20 {
	margin-bottom:15px;
}

.padding-20 {
	padding:10px 0px 5px 0px;
}


.padding-20 a,
.padding-20t a
{ color:#d70c18;
 text-decoration: underline; }

.padding-20 a:hover,
.padding-20 a:hover
{ color:#999999; }


.padding-20 p{
	text-align:left;
	padding:0px 5px 5px 25px;
	display:block;
	background-image:url(/image/arrow_gray.gif);
	background-position:10px 15px;
	background-repeat:no-repeat;
}


.padding-20 ul {
	margin:0px 0px 0px -20px;
	padding:0px 5px 0px 0px;
	list-style-position:outside;
	list-style-type:none;
	overflow:visible;

}
.padding-20 li {
	margin:0px 0px 5px 0px;
	padding: 0px 0px 0px 20px ;
	background-image:url(/image/arrow_gray.gif) ;
	background-repeat:no-repeat;
	background-position:3px 5px;
		overflow:visible;
	}

/* --------------------------------------------subpage --------------------------------------------*/

#alpha li {
	margin-left:30px;
}

h2#ttl {
	display:block;
	font-weight: bold;
	height: 90px;
	width:575px;
	margin:15px 0px 20px 0px;
}

#to_pagetop  {
	text-align:right;
	margin:20px 0 40px 0;
	float:right;
	width:45%;
}

#to_cattop  {
	text-align:left;
	margin:30px 0px -60px 0px;
}

#to_cattop a
{ color:#222222;
text-decoration: underline; }
 
#to_cattop a:link
 { color:#222222;
 text-decoration: underline; }
 
#to_cattop a:visited
{ color:#222222;
text-decoration: underline; }
	 
#to_cattop a:hover
{ color:#d70c18; }
	
#to_cattop a:active
{ color:#d70c18; }

#subttl {
	height: 40px;
	width:575px;
	background-image: url(/image/sub_ttl.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:20px 0;
}

#subttl h3 {
	padding:12px 5px 0px 15px;
	font-weight: bold;
	font-size:18px;
}

.ie6 #subttl h3,
.ie7 #subttl h3{
	padding:3px 5px 0px 15px;
	font-weight: bold;
	font-size:18px;
}

.subcat-ttl ul {
	width:575px;
	margin:5px 0px 6px -30px;
	padding:0;
	list-style-position:outside;
	list-style-type:none;
	overflow:visible;

}
.subcat-ttl ul li {
	width:575px;
	margin:0px 0px 4px 0px;
	padding: 0px 0px 0px 10px ;
	background-image:url(/image/circle.gif) ;
	background-repeat:no-repeat;
	background-position:0px 5px;
		overflow:visible;

	}


 ul.list-none {
	 width:575px;
	margin:0px 0px 0px -30px;
	padding:0;
	list-style-position:outside;
	list-style-type:none;
	overflow:visible;

}
 ul.list-none li {
	  width:555px;
	margin:0px 0px 8px 0px;
	padding: 0px 0px 0px 20px ;
	background-image:url(/image/arrow_red.png) ;
	background-repeat:no-repeat;
	background-position:0px 5px;
		overflow:visible;

	}

.subcat {
	/*border-bottom:dashed 1px #444444;*/
	background-image:url(/image/dot.png) ;
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:0px 0px 5px 0px;
}
.subcat-ttl {
	margin-left:0px;
}

p.subcat-ttl {
	margin-left:30px;
}

.ie6 p.subcat-ttl,
.ie7 p.subcat-ttl
 {
	margin-left:-10px;
}


hr{
	padding:1px 0px 0px 0px;
	background-color:#999999;
	height:0px;
	border:0px;
	margin:15px 0px 15px 0px;

}

.ie6 hr,
ie7 hr{
	height:1px;
	color:#99999;
	margin-bottom:0px;
}



#rootline{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

#rootline a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



/*-------------------------------------------- giin-------------------------------------------- */
#giin img {
	margin:20px 30px 30px 0px;
	}
	
.ie6 #giin img,
.ie7 #giin img {
	margin:20px 30px 30px -10px;
	}
	
.giin_ttl
{
	clear:both;
background-image:url(/image/dot.png) ;
background-repeat:repeat-x;
background-position:left bottom;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
 }
 
.giin_name { font-size:20px;
margin-left:10px;
}
.giin_area  {
	float:left;
	text-align:center;
	border-radius: 3px;        /* CSS3 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	padding:3px 5px 3px 5px;
	margin:-3px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	background:#666666;
	}

/*-------------------------------------------- sitemap-------------------------------------------- */


#sitemap ul {
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	list-style-position:outside;
	list-style-type:none;
	overflow:visible;

}
#sitemap li {
	margin:0px 0px 5px 0px;
	padding: 0px 0px 0px 20px ;
	background-image:url(/image/arrow_gray.gif) ;
	background-repeat:no-repeat;
	background-position:3px 5px;
		overflow:visible;
	}
/* --------------------------------------------table-------------------------------------------- */
table {
	border-collapse: collapse;
	width:575px;
	}
	
td {
	border: solid 1px #DDDDDD;
	padding:10px;
	}

table#giin-table{
	}
	
table#giin-table td#area{
	width:70px;
	text-align:center;
}

table#giin-table td#ph{
	width:100px;	
}

table#giin-table td#ph img{
	width:100px;
	height:auto;
}

table#giin-table td#name{
	width:280px;	
}

table#giin-table td#ki{
	width:35px;	
	text-align:center;

}


/* --------------------------------------------result page-------------------------------------------- */
.search-results-container a { color:#F00000; }

/* --------------------------------------------for date-------------------------------------------- */

span.date {
	margin-left: 1em;
}