/* ######## サイトの外側の部分 ######### */
body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff url(images/bg.jpg) 0 0 repeat;
	font-size: 90%;
	line-height: 1.5em;
}

/* ######## 基本となるリンクの色　ここから ######## */
a { text-decoration: underline; }
a:link,a:visited,a:active { color: #0388D0; }
a:hover {
	color: #0388D0;
	background-color: #eee;
	text-decoration: underline;
}

/* ######## サイト全体に関わるデフォルト値の設定　ここから ######## */
#container {
	background: #fff url(images/cnt_bg.gif) 0 0 repeat-y;
	width: 945px;
	color: #333;
	text-align: left;
	font-family: "Osaka", Verdana, Arial, sans-serif, "ＭＳ Ｐゴシック" ;
	margin: 0 auto;
	padding: 0 10px;
}

.red	{ color: #ff0000; }	.bgred		{ background-color: #ff3333; }
.yellow	{ color: #FFCC00; }	.bgyellow	{ background-color: #FFFF99; }
.blue	{ color: #006699; }	.bgblue		{ background-color: #006699; }
.green	{ color: #66CC00; }	.bggreen	{ background-color: #66CC00; }
.cyan	{ color: #6699CC; }	.bgbrown	{ background-color: #996600; }
.purple	{ color: #663399; }	.bgpink		{ background-color: #FF6699; }
.gray	{ color: #999999; }	.bggray		{ background-color: #999999; }

.tblbgcolor{ background-color: #666666; }
.tblcolor1{ background-color: #FFFFFF; }
.tblcolor2{ background-color: #FFB74F; }
.tblcolor3{ background-color: #FF6633; }
.tblcolor4{ background-color: #3FAACE; }

h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;}

/* ######## サイト全体に関わるデフォルト値の設定　ここまで ######## */

/* ######## サイトヘッダー（タイトル部）　ここから ######## */

#head {
	background:  url(images/bcg_head.jpg) 0 0 no-repeat;
	margin-bottom: 8px;
        padding-left:20px;
        padding-top:15px;
}

#head h1 {
	margin: 0px 0 25px 10px;
	padding: 0 0 5px 0;
	font-size: 33px;
	line-height: 38px;
        font-family:"HGP創英角ｺﾞｼｯｸUB","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
        font-weight: bold;
text-shadow: 2px 1px 0px #000;
/*background:  url(images/bcg_h1.png) 0 0 repeat-x;
width:17em;
text-align:center;*/

}

#head a, #head a:visited, #head a:hover { 
	color: #fff;
	text-decoration: none;
	background: none;
}

#head h2{
	padding: 3px 20px 25px 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #005BE9;
	line-height: 1.3em;
  width:750px;
}

/* ######## 各カラムの幅、色の設定　ここから ######## */
#main {
	width: 720px;
	float: right;
	margin: 10px 0 5px 0;
	padding: 0;
	overflow: hidden;
}

#sidebar {
	width: 210px;
	float: left;
	margin: 10px 0 5px 0;
	padding: 0;
	overflow: hidden;
}

/* ######## 左右の(サブ)メニュー　ここから ######## */

#sidebar {
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#sidebar h2 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 24px;
	margin: 0;
	padding: 0 3px 4px 28px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
background: url(images/bcg_sidelist.jpg) bottom left;
}

#sidebar li {
	line-height: 1;
	margin: 10px 0px 10px 5px;
border-left:solid 5px #FDD2AC;
padding:0 0 0 3px;
	
}

#sidebar ul a {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 1;
	padding: 0;
	width: 172px;
}

#sidebar ul a:hover {
	color: #037BBC;
}

#sidebar .snaviOssm,
#sidebar .snaviRanking,
#sidebar .snaviCat,
#sidebar .snaviInfo {
	background: #fff url(images/bcg_sidelist.jpg) 0 bottom no-repeat ;
}

#sidebar .snaviOssm  h2 {
	background:  url(images/bcg_sidettl01.jpg) 0 0 no-repeat ;
}

#sidebar .snaviRanking  h2 {
	background: #f60 url(images/bcg_sidettl02.jpg) 0 0 no-repeat;
	/*padding: 4px 15px 5px 20px;*/
}

#sidebar .snaviCat  h2 {
	background: #336699 url(images/bcg_sidettl02.jpg) 0 0 no-repeat;
}

#sidebar .snaviInfo  h2 {
	background: #999 url(images/bcg_sidettl03.jpg) 0 0 no-repeat;
}


#sidebar .snaviOssm  ul {
	/*background: url(images/snavi_ossm_ul.gif) 0 0 no-repeat;*/
	padding: 5px 15px 10px 15px;
}

#sidebar .snaviOssm  ul li {
border-left:solid 5px #FDD2AC;
}

#sidebar .snaviRanking  ul {
	/*background: url(images/snavi_ossm_ul.gif) 0 0 no-repeat;*/
	padding: 5px 15px 10px 15px;
}


#sidebar .snaviRanking  ul li {
border-left:solid 5px #ADE0FC;
}

#sidebar .snaviCat  ul {
	/*background: url(images/snavi_cat_ul.gif) 0 0 no-repeat;*/
	padding: 5px 15px 10px 15px;
}

#sidebar .snaviCat   ul li {
border-left:solid 5px #ADE0FC;
}

#sidebar .snaviInfo  ul {
	/*background: url(images/snavi_info_ul.gif) 0 0 no-repeat;*/
	padding: 5px 15px 10px 15px;
}

#sidebar .snaviInfo  ul li {
border-left:solid 5px #CCCCCC;
}

#sidebar li.snaviNE {
	/*color: #999;
	line-height: 1.3em;
	padding: 5px 0 5px 18px;
	width: 165px;*/
}

#sidebar ul {
	margin-bottom: 10px;
}

.snaviRss {
	border: 1px solid #ccc;
	padding: 10px 5px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: center;
	margin: 10px 0;
}

/* ######## サイトマップに関する設定　市川追記ここから ######## */

#sitemap dt a {
	color: #c00;
	text-decoration: none;
	line-height: 1.3em;
	background: url(images/snavi_ar.gif) 10px 6px no-repeat;
	padding: 5px 0 5px 28px;
}

#sitemap dt a:hover {
	color: #f60;
	background: url(images/snavi_ar_over.gif) 10px 6px no-repeat;
}

/* ######## 全体に関するデフォルト値の設定　ここから ######## */

p#tagline {
	margin: 0;
	padding: 4px 0 0 10px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
        font-family:"HGP創英角ｺﾞｼｯｸUB","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}

#main {
	margin: 0;
	padding: 0;
}

#main p {
	margin-bottom: 1.5em;
	font-size: 15px;
  margin-left:20px;
}
#main h1, #main h2, #main h3, #main h4 {
	margin-bottom: 0.5em;
}
#main p.posted {
	color: #999;
	font-size: small;
	border-top: 1px solid #999;
	text-align: left;
	margin-bottom: 25px;
	padding: 3px;
}

.panlist {
	font-size: 10px;
	line-height: 1.2em;
	margin: 0 0 0 0 ;
	padding: 0 0 8px 0 ;
}

/* ######## サイトフッター　ここから ######## */

#foot {
	clear: both;
	background: #fff url(images/bcg_head.jpg) 0 0 no-repeat;
	font-size: 10px;
	padding: 10px 15px 5px 10px;
	margin: 5px 0 0 0;
	text-align: center;
}

#foot a {
	color: #fff;
}

#foot a:hover {
	text-decoration:underline;
}

#foot address {
	font-style: normal;
	margin: 5px 0;
	padding: 0;
	line-height: 1em;
color: #fff;
}

#foot p {
	margin: 5px 0;
	padding: 0;
	line-height: 1em;
color: #fff;
}

/* ######## トップページで使用するもの　ここから ######## */

.boxLine {
	padding: 4px;
	border: 3px solid #ccc;
	margin-bottom: 15px;
}

#bodyTop #main h2 {
	background: url(images/bcg_ttl.gif) 0 0 no-repeat;
	font-size: 16px;
	padding: 0 2px 0 16px;
	margin: 0 0 10px 0;
	line-height: 42px;
	color: #fff;
}

#bodyTop #main #topEntry h2 {
	background: url(images/bcg_ttl_ossm.gif) 0 0 no-repeat;
	font-size: 16px;
	padding: 0 2px 0 16px;
	margin: 0 0 10px 0;
	line-height: 42px;
	color: #fff;
}

#bodyTop #main {
	font-size: small;
	line-height: 1.7em;
}

#bodyTop #main .pickup {
	margin-left: 18px;
	margin-bottom: 10px;
}

#bodyTop #main .pickup h3 {
	background: url(images/snavi_ar.gif) 0 5px no-repeat;
	background-position: left 50%;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
}

#bodyTop #main .pickup p {
	font-size: 90%;
	margin: 3px 0 15px 20px;
	padding: 0;
}

/* ######## カテゴリページで使用するもの　ここから ######## */

#bodyCat #main h2, #bodyEnt #main h2 {
	background: url(images/bcg_ttl.gif) 0 0 no-repeat;
	font-size: 16px;
	padding: 0 2px 0 16px;
	margin: 0 0 10px 0;
	line-height: 42px;
	color: #fff;
}

#main h3 {
	background: url(images/bcg_subttl.jpg) left bottom no-repeat;
	font-size: 110%;
	padding: 0 0 0 15px;
	margin: 5px 0 10px 15px;
	line-height: 30px;
}

#main h3 a {
color:#037BBC;
text-decoration:none;
}


#main_search h2 {
	background: url(images/cat_h2.jpg) left top no-repeat;
	border-bottom: 1px solid #3FAACE;
	text-align: center;
	padding: 10px 0 4px 0;
	margin: 0 0 0 0;
	font-size: 120%;
	line-height: 1.2em;
}

#bodyCat #main h3 a {
	color: #0388D0;
	text-decoration: none;
}

.catBody {
	margin: 10px 0 30px 10px;
	font-size: small;
	line-height: 1.5em;
}

#bodyCat #main .catBody h3 {
	position: relative;
	left: -10px;
	width: 720px;
}

p.catDis {
	margin: 0.5em 0;
	border: 3px solid #eee;
	padding: 10px;
	font-size: 14px;
	line-height: 1.3em;
}

.extended {
	text-align: right;
}

.extended a{
	background: #fff url(images/snavi_ar.gif) 0 1px no-repeat;
	padding-left: 20px;
}

/* ######## 個別エントリーページの設定　ここから ######## */

.pagetop {
	text-align: right;
	margin: 2em 0 1em 0 ;
}

.pagetop a {
	text-decoration: none;
	background: #fff url(images/icn_pagetop.gif) right top no-repeat;
	padding: 3px 23px 3px 3px;
	color: #0388D0;
	font-size: 10px;
}

.pagetop a:hover {
	text-decoration: underline;
}

.entrymenu {
	text-align: center;
	font-size: 11px;
	padding: 5px;
	background-color: #eee;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.entrymenu a{
	text-decoration: none;
	color: #0388D0;
}

.entrymenu a:hover {
	text-decoration: underline;
}

/* ######## 他 ######## */

/* リンク集 */

ul.catList {
	margin-left: 20px;
	padding: 0;
}

ul.catList li {
	background: url(images/snavi_ar.gif) no-repeat left center;
	list-style: none;
	line-height: 1.5em;
	padding-left: 20px;
	margin: 5px 0;
}

#bodyCat #main div.siteList h3 {
	background: #fff url(images/snavi_ar.gif) no-repeat 0 3px;
	font-size: 14px;
	line-height: 1.3em;
	padding: 0 0 5px 20px;
	margin: 5px 0 0 0 ;
	left: 0px;
	width: 665px;
	border-bottom: 1px dotted #ccc;
}

#bodyCat #main div.siteList h3 a {
	color: #0388D0;
	text-decoration: none;
}

#bodyCat #main div.siteList h3 a:hover {
	/*background-color: #eee;*/
	text-decoration: underline;
}

#bodyCat #main div.siteList .catBody {
	margin: 25px 20px 30px 20px;
	font-size: 12px;
	line-height: 1.5em;
}

#bodyCat #main div.siteList p {
	margin: 5px 0;
}

.elink {
	text-align: right;
}


/* ######## 追加 ######## */

h3.ttl {
background:url(images/bcg_subttl.jpg) no-repeat top left;
padding:10px;
}

/* 比較テーブルデザイン */
.tbl_design {
	font-size:15px;
	line-height:1.5em;
	background-color:gray;
}

.tbl_design02 {
	background-color:gray;
}

.tbl_tr_design {
	background-color:#E9FAFF;
	font-weight:bold;
}

.tbl_tr_design02 {
	background-color:#FFFFFF;
}

.tbl_tr_design03 {
	background-color:#E9FAFF;
}

.tbl_td_design {
	background-color:#DCF8FF;
	font-weight:bold;
}

.tbl_td_bottom {
	margin-bottom:0px;
}

img {
  border:none;
}

#img1 { float: right; margin-left: 10px; }
#img2 { float: left; margin: 0 15px 10px 0; }
#img3 { float: left; margin: 5px 15px 20px 10px; }
#img4 { float: left; margin: 0 15px 10px 15px; }

/*サムネイル拡大*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

div.haikei001 {
	background:  url(images/Fotolia_20616187_S.gif) top no-repeat;
	margin-bottom:30px;
}

div.haikei002 {
	background:  url(images/0007.gif) top no-repeat;
  padding: 50px 0 30px 150px;
}

ul#haikei003 li {
	background: url(images/0013.gif) 20% no-repeat;
	margin-bottom:10px;
  list-style: none;
  font-weight: bold;
  font-size: 16px;
	padding:10px 5px 15px 57px;
}

div.haikei004 {
	background:  url(images/0012.gif) center no-repeat;
  padding: 30px 0 30px 150px;
}

div.haikei005 {
	background:  url(images/0014.gif) center no-repeat;
  padding: 30px 0 30px 150px;
}

div.haikei006 {
	background:  url(images/0015.gif) center no-repeat;
  padding: 30px 0 30px 150px;
}

div.haikei007 {
	background:  url(images/0016.gif) center no-repeat;
  padding: 30px 0 30px 150px;
}

div.haikei008 {
	background:  url(images/mark01.gif) left no-repeat;
  padding: 30px 0 30px 35px;
  font-weight: bold;
  font-size: 16px;
	margin-bottom:-20px;
}

div.haikei009 {
	background:  url(images/mark01.gif) left no-repeat;
  padding: 30px 0 30px 35px;
  font-weight: bold;
  font-size: 16px;
	margin-bottom:-20px;
}

span.haikei010 {
  border-left:solid 5px #ADE0FC;
  padding: 2px 0 2px 3px;
	margin: 0 0 0 5px;
}

span.haikei011 {
	background:  url(images/0018.gif) left repeat;
	line-height: 1.8em;
}

ul#haikei012 li {
	background: url(images/0036.gif) 20% no-repeat;
	margin-bottom:10px;
  list-style: none;
  font-weight: bold;
  font-size: 16px;
	padding:10px 5px 15px 57px;
}

