@charset "utf-8";

*{
	margin:0px;
	padding:0px;
}


body{
	background:url(images/bg_all.gif);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 10pt;
}

img {
	border:0px;
	behavior: url(css/iepngfix.htc);
}
div {
	behavior: url(css/iepngfix.htc)
}


a:link {
	color: #000000;
	text-decoration: underline; 
}
a:visited {
	color: #000000;
	text-decoration: underline; 
}
a:hover {
	color: #006c8c;
	text-decoration: none; 
}
a:active {
	color: #006c8c;
	text-decoration: none; 
}





/* レイアウト構造 */
#bg1{
	height:700px;
	background:url(images/bg_top.gif) top repeat-x;
}
#bg2{
	height:700px;
	background:url(images/img_top.jpg) center top no-repeat;
}

#container{
	width:980px;
	margin:0 auto 0;
}
#header{
	padding:0px 15px 0 15px;
	width:950px;	
	height:80px;
}
#header div.logo{
	float:left;
	width:510px;
}
#header div.menu{
	float:right;
	width:210px;
	margin:10px 0 0 0;
}
#header div.search{
	margin:5px 0 0 0;
}
#search-input{
	color:#b0b0b0;
	padding:1px 0 0 2px;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	border-right:none;
	width:147px;
	height:17px;
	vertical-align:middle;
}
#header div.search-shadow{
	background:url(images/shadow_search.gif) no-repeat;
	width:210px;
	height:13px;
}
#gmenu{
	margin:279px 0 0 0;
	padding:15px 15px 0 15px;
	width:950px;
	height:77px;
	background:url(images/shadow_menu.png) no-repeat;
}
#gmenu div.pan-navi{
	margin:10px 0 0 30px;
	font-size:8pt;
}
#contents{
	float:left;
	padding:0px 15px 0 15px;
	width:950px;
	background:url(images/shadow_contents.png) repeat-y;
}




#main-wrapper{
	float:left;
	width:740px;
}
#main{
	float:right;
	padding:0 0 0 21px;
	width:505px;
}





/* 記事（概要） */
.entry-list{
	line-height:1.6em;
	width:480px;
}

div.entry-title{
	padding:22px 15px 8px 15px;
	width:450px;height:90px;
	background:url(images/bg_entry_title.gif) no-repeat;
}
div.entry-title div.category{
	height:25px;
}
div.entry-title div.category span.category-box{
	font-size:8pt;
	font-weight:bold;
	color:#ffffff;
	padding:4px 8px 2px 8px;
	background:#7d6700;
	line-height:1.8em;
}
div.entry-title div.title{
	height:30px;
}
div.entry-title div.title h1, div.entry-title div.title h2{
	font-size:13pt;
	padding:6px 0 0 0;
}
div.entry-title div.meta-info{
	padding:10px 0 0 0;
	height:35px;
}
div.entry-title div.meta-info span.date{
	float:left;
	padding:0 0 0 26px;
}
div.entry-title div.meta-info span.comment{
	float:right;
	padding:0 33px 0 0;
}

div.entry-body{
	clear:both;
	padding:15px 5px 0 5px;
	width:470px;
}
/*
div.entry-body img, div#entry-more img{
	margin:0 10px 0 0;
	border:#cccccc 1px solid;
	padding:6px;
}
*/

div.entry-body div.readmore{
	padding:10px 0 10px 0;
}
div.dot-line-bottom{
	margin:20px 0 20px 5px;
	width:470px;
	height:1px;
	font-size:0;
	background:url(images/dot_line.gif) repeat-x;
}


/* 記事（詳細） */
#navi-top{
	margin:4px 4px 15px 4px;
	padding:10px 10px 10px 10px;
	width:450px;
	height:20px;
	background:url(images/bg_navi.gif) no-repeat;
}

#entry-detail{
	line-height:1.5em;
	width:480px;
}

#navi-bottom{
	margin:20px 4px 15px 4px;
	padding:10px 10px 10px 10px;
	width:450px;
	height:20px;
	background:url(images/bg_navi.gif) no-repeat;
}

#entry-more{
	padding:10px 5px 0 5px;
}

#tb{
	margin:20px 5px 0 5px;
	border:#e0e0e0 solid 1px;
	padding:10px;
	background:#f3f3f3;
}
#tb img.title{
	padding-bottom:10px;
}
#tb div.url{
	margin:15px 0 20px 0;
	height:20px;
}
#tb div.url div.left{
	float:left;
	width:102px;
}
#tb div.url div.right{
	float:right;
	width:345px;
	text-align:right;
}
#tb input.tb-form{
	padding:1px 0 0 2px;
	border:#cccccc solid 1px;
	width:310px;
	height:20px;
}
#tb div.list{
	padding:0 0 0 0;
}
#tb div.list div.subtitle{
	padding:0 0 5px 0;
}

#tb div.list div.subtitle img{
	padding:0 5px 0 0;
}
#tb div.dot-line{
	margin:5px 0 5px 0;
	width:450px;
	height:1px;
	background:url(images/dot_line.gif) repeat-x;
}

#comment{
	margin:10px 5px 0 5px;
	border:#e0e0e0 solid 1px;
	padding:10px;
	background:#f3f3f3;
}
#comment img.title, #comment-preview-box div.main img.title, #comment-modify img.title, #comment-finish img.title{
	padding-bottom:10px;
}
#comment div.list{
	padding:0 0 10px 0;
}
#comment div.list div.someone, #comment-preview-box div.main div.someone{
	margin-bottom:10px;
	width:450px;
	background:url(images/bg_comment_someone.gif) repeat-y;
}
#comment div.list div.someone div.person, #comment-preview-box div.main div.someone div.person{
	float:left;
	width:92px;
}
#comment div.list div.someone div.person div.img, #comment-preview-box div.main div.someone div.person div.img{
	width:92px;
	height:48px;
	background:url(images/bg_comment_someone_person.gif) no-repeat;
}
#comment div.list div.someone div.person div.name, #comment-preview-box div.main div.someone div.person div.name{
	width:82px;
	padding:5px;
	line-height:1.2em;
}
#comment div.list div.someone div.body, #comment-preview-box div.main div.someone div.body{
	float:right;
	width:358px;
}
#comment div.list div.someone div.txt, #comment-preview-box div.main div.someone div.txt{
	border-top:#c9c9c9 1px solid;
	padding:10px;
	width:338px;
	line-height:1.5em;
}
#comment div.list div.someone div.date, #comment-preview-box div.main div.someone div.date{
	border-bottom:#cfcfcf solid 1px;
	padding-right:10px;
	height:30px;
	text-align:right;
}
#comment div.list div.admin, #comment-preview-box div.main div.admin{
	margin-bottom:10px;
	width:450px;
	background:url(images/bg_comment_admin.gif) repeat-y;

}
#comment div.list div.admin div.person, #comment-preview-box div.admin div.person{
	float:right;
	width:92px;
}
#comment div.list div.admin div.person div.img, #comment-preview-box div.admin div.person div.img{
	width:92px;
	height:48px;
	background:url(images/bg_comment_admin_person.gif) no-repeat;
}
#comment div.list div.admin div.person div.name, #comment-preview-box div.admin div.person div.name{
	width:82px;
	padding:5px;
	line-height:1.2em;
	text-align:right;
}
#comment div.list div.admin div.body, #comment-preview-box div.admin div.body{
	float:left;
	width:358px;
}
#comment div.list div.admin div.txt, #comment-preview-box div.admin div.txt{
	border-top:#c9c9c9 1px solid;
	padding:10px;
	width:338px;
	line-height:1.5em;
}
#comment div.list div.admin div.date, #comment-preview-box div.admin div.date{
	border-bottom:#cfcfcf solid 1px;
	padding-right:10px;
	height:30px;
	text-align:right;
}
#comment-text{
	padding:3px 0 0 3px;
	border:#cccccc solid 1px;
	width:445px;
	height:60px;
	font-size:9pt;
}
#comment-author{
	padding:1px 0 0 2px;
	border:#cccccc solid 1px;
	width:446px;
	height:20px;
}
#comment-email{
	padding:1px 0 0 2px;
	border:#cccccc solid 1px;
	width:446px;
	height:20px;
}
#comment-url{
	padding:1px 0 0 2px;
	border:#cccccc solid 1px;
	width:446px;
	height:20px;
}
#comment-preview{
	margin:7px;
	border:0;
	width:74px;
	height:29px;
	background:url(images/btn_confirm.gif) no-repeat;
	cursor: pointer;
}
#comment-submit{
	margin:7px;
	border:0;
	width:74px;
	height:29px;
	background:url(images/btn_entry.gif) no-repeat;
	cursor: pointer;
}



/* コメントの確認 */
#comment-confirm{
	margin:4px 5px 0 5px;
	width:470px;
	line-height:1.5em;
}

#comment-preview-box{
	background:#f3f3f3;
	background:url(images/bg_comment_preview.gif) repeat-y;
}
#comment-preview-box div.top{
	width:470px;
	height:10px;
	font-size:0;
	background:url(images/bg_comment_preview_top.gif) no-repeat;
}
#comment-preview-box div.main{
	padding:0 10px 0 10px;
}
#comment-preview-box div.bottom{
	width:470px;
	height:10px;
	font-size:0;
	background:url(images/bg_comment_preview_bottom.gif) no-repeat;
}
#comment-modify{
	margin:10px 0 10px 0;
	width:450px;
	border:#e0e0e0 solid 1px;
	padding:10px;
	background:#f3f3f3;
}
#comment-cancel{
	margin:7px;
	border:0;
	width:74px;
	height:29px;
	background:url(images/btn_cancel.gif) no-repeat;
	cursor: pointer;
}


/* コメントの完了 */
#comment-finish{
	margin:4px 5px 0 5px;
	padding:10px;
	border:#e0e0e0 solid 1px;
	width:450px;
	line-height:1.6em;
	background:#f3f3f3;
}


/* お問い合わせ */
#contact{
	margin:0 5px 0 5px;
	width:470px;
	line-height:1.6em;
}
#contact img.page-title{
	padding-bottom:30px;
}
#contact div.dot-line-bold{
	margin:25px 0 25px 0;
	width:470px;
	height:2px;
	background:url(images/dot_line_bold.gif) repeat-x;
}
#contact div.title{
	padding-bottom:10px;
}
#contact table.form{
	background:#f4f4f4;
	border:#dddddd solid 1px;
}
#contact table.form tr th{
	padding-left:10px;
	width:90px;
	height:45px;
	font-weight:normal;
	text-align:left;
}
#contact table.form tr td{
	padding-right:10px;
}
#contact table.form tr th.textarea{
	padding-left:10px;
	width:90px;
	height:120px;
	font-weight:normal;
	text-align:left;
}
#contact table.form tr td.dot-line-gray{
	width:470px;
	height:1px;
	background:url(images/dot_line_gray.gif) repeat-x;

}
#contact table.form tr td.btns {
	padding-top:10px;
}
#contact table.form tr td.btns span.caption{
	line-height:1.3em;
}

#mail_author{
	padding:3px 0 0 3px;
	border:#dddddd solid 1px;
	width:180px;
	height:20px;
}
#mail_email{
	padding:3px 0 0 3px;
	border:#dddddd solid 1px;
	width:180px;
	height:20px;
}
#mail_subject{
	padding:3px 0 0 3px;
	border:#dddddd solid 1px;
	width:350px;
	height:20px;
}
#mail_text{
	padding:3px 0 0 3px;
	border:#dddddd solid 1px;
	width:350px;
	height:90px;
}
#mail_preview{
	margin:7px;
	border:0;
	width:74px;
	height:29px;
	background:url(images/btn_confirm.gif) no-repeat;
	cursor: pointer;
	font-size:0;
}
#mail_post{
	margin:7px;
	border:0;
	width:74px;
	height:29px;
	background:url(images/btn_send.gif) no-repeat;
	cursor: pointer;
	font-size:0;
}
#mail_modify{
	margin:7px;
	border:0;
	width:74px;
	height:29px;
	background:url(images/btn_modify.gif) no-repeat;
	cursor: pointer;
	font-size:0;
}


/* サイトマップ */
#sitemap{
	margin:0 5px 0 5px;
	width:470px;
	line-height:1.6em;
}
#sitemap img.page-title{
	padding-bottom:30px;
}
#sitemap h2{
	font-size:10pt;
	padding-bottom:10px;
}
#sitemap ul.map li{
	list-style-type:none;
	padding-left:6px;
}
a.maplink{
	padding:1px 0 1px 25px;
	background:url(images/icn_checkbox.gif) no-repeat center left;
}
a.maplink:visited{
	padding:1px 0 1px 25px;
	background:url(images/icn_checkbox_checked.gif) no-repeat center left;
}

/* お知らせ */
#info{
	margin:0 5px 0 5px;
	width:470px;
	line-height:1.6em;
}
#info img.page-title{
	padding-bottom:30px;
}
#info ul li{
	list-style-type:none;
	padding:5px 0 5px 0;
	border-bottom:#dddddd solid 1px;
}
#info ul li.last{
	border-bottom:none;
}

/* リンク */
#link{
	margin:0 5px 0 5px;
	width:470px;
	line-height:1.6em;
}
#link img.page-title{
	padding-bottom:30px;
}
#link h2{
	font-size:10pt;
	padding-bottom:10px;
}
#link ul li{
	list-style-type:none;
	padding-left:6px;
}

/* JazzyCubeについて */
#about{
	margin:0 5px 0 5px;
	width:470px;
	line-height:1.6em;
	background:url(images/bg_about.gif) no-repeat;
}
#about img.page-title{
	padding-bottom:30px;
}
#about h2{
	padding:0 0 60px 20px;
}
#about div.explanation{
	font-size:9pt;
	line-height:1.7em;
	padding-bottom:10px;
}
#about div.images{
	padding-bottom:20px;
}
#about div.dot-line-bold{
	margin:25px 0 25px 0;
	width:470px;
	height:2px;
	background:url(images/dot_line_bold.gif) repeat-x;
}
#about div.banner span.caption{
	font-size:8pt;
	line-height:3em;
}

/* アーカイブ */
.page-navi{
	margin:20px 5px 15px 5px;
	padding:10px 10px 10px 10px;
	width:450px;
	height:20px;
	background:url(images/bg_navi.gif) no-repeat;
}
.page-navi a{
	padding: 3px 5px 3px 5px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #dcdcdc;
	background-color: #FFFFFF;
	font-size: 12px;
}
.page-navi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000;
	font-size: 12px;
}
.page-navi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #000;
}
.page-navi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color: #000;
}

/* サイドバー左 */
#sidebar1{
	float:left;
	margin:0 0 0 26px;
	display:inline;
	width:188px;
}
#sidebar1 dl.menu{
	width:188px;
	margin:0;
	padding:0;
}
#sidebar1 dl.menu-list dt.title{
	width:188px;
	height:39px;
}


#sidebar1 dl.menu-list dd.contents{
	margin:0 0 5px 4px;
	width:180px;
	background:#FFFFFF;
	background:url(images/bg_sidemenu_dot.gif) repeat;
}
#sidebar1 dl.menu-list dd.contents ul {
	margin:0;
    padding-left:0px;
}
#sidebar1 dl.menu-list dd.contents ul li {
	list-style-type: none;
	margin:0;
	padding:0 0 0 22px;
	line-height: 2.25em;
	list-style-position: outside;
}
#sidebar1 dl.menu-list dd.contents li li {
	list-style-type: none;
	margin:0;
	padding:0 0 0 22px;
	list-style-position: outside;
}

#category-title{
	background:url(images/title_category.gif) no-repeat;
}
#entry-title{
	background:url(images/title_entry.gif) no-repeat;
}
#calendar-title{
	background:url(images/title_calendar.gif) no-repeat;
}

#sidebar1 dl.menu-list dd#calendar-contents{
	text-align:center;
	background:#ffffff;
}

#archive-title{
	background:url(images/title_archive.gif) no-repeat;
}
#comment-title{
	background:url(images/title_comment.gif) no-repeat;
}

#category-contents ul li {
	background:url(images/icn_folder.gif) no-repeat 0px 0.3em;
}
#category-contents ul li.have-sublist {
	background:url(images/icn_folder_open.gif) no-repeat 0px 0.3em;
}
#entry-contents ul li{
	background:url(images/icn_entry.gif) no-repeat 0px 0.3em;
}
#archive-contents ul li {
	background:url(images/icn_folder.gif) no-repeat 0px 0.3em;
}
#archive-contents ul li.have-sublist {
	background:url(images/icn_folder_open.gif) no-repeat 0px 0.3em;
}
#comment-contents ul li {
	background:url(images/icn_entry.gif) no-repeat 0px 0.3em;
}
#comment-contents ul ul li {
	background:url(images/icn_comment.gif) no-repeat 0px 0.3em;
}




/* サイドバー右 */
#sidebar2{
	float:right;
	padding:0 30px 0 0;
	width:180px;
}
#mies-camera{
	width:180px;
	height:391px;
	background:url(images/bg_wonderful_camera.gif) no-repeat;
	position:relative;top:-5px;
}
#mies-camera div.picture{
	position:relative;
	top:91px;
	left:22px;
}
#mies-camera div.txt{
	position:relative;
	top:138px;
	left:22px;
	width:140px;
	font-size:8pt;
	line-height:1.6em;
}
#mies-camera div.txt span.title{
	font-weight:bold;
	font-size:8pt;
	color:#990000;
	line-height:3em;
}
#banner dt{
	margin:30px 0 10px 0;
	width:180px;
	height:20px;
	background:url(images/title_banner.gif) no-repeat;
}
#banner dd div.dot-line{
	margin:5px 0 5px 0;
	height:1px;
	font-size:0;
	background:url(images/dot_line.gif) repeat-x;
}



/* フッター */
#footer{
	clear:both;
	width:950px;
	height:45px;
	background:url(images/bg_footer.gif) no-repeat;
	text-align:center;
	color:#ffffff;
	padding:105px 0 0 0;
	line-height:1.5em;
}







/* 共通 */
a.link-more{
	padding-left:20px;
	background:url(images/icn_arrow.gif) no-repeat center left;
}
a.link-more-gray{
	padding-left:20px;
	background:url(images/icn_arrow_gray.gif) no-repeat center left;
}


a.link-back-navi{
	padding-left:20px;
	background:url(images/icn_arrow_back_navi.png) no-repeat center left;
}
a.link-next-navi{
	padding-right:20px;
	background:url(images/icn_arrow_next_navi.png) no-repeat center right;
}


.large{
	font-size:11pt;
}
.normal{
	font-size:10pt;
}
.small{
	font-size:9pt;
}
.x-small{
	font-size:8pt;
}

.va-mid{
	vertical-align:middle;
}

#calendar {
    margin: 5px 0 10px;;
    color: #444444;
}
.calendarhead {
    padding-bottom: 5px;
    font-size: 11px;
    letter-spacing: 0.2em;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 9px;
    width: 25px;
}
#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
}
.today {
    display: block;
    border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #cc2936;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #1f1f99;
}

