@charset "EUC-JP";

/* main */
body  {
	font-size:13px;
	line-height:1.45em;
	margin:0;
	padding:0; }

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {
	font-size:1em;
	margin:0;
	padding:0;
	}
img {border: none;}
form { margin: 0px; padding: 0px; }

legend{
	display:none;
	}

fieldset{
	border:none;
	}


/* リンク用カラー */
a:link   { text-decoration: none }
a:visited  { text-decoration: none }
a:active   { text-decoration: none }
a:hover   { color: #f00; text-decoration: underline }

/* 下付き文字 */
sub {
	font-size:0.75em;
	vertical-align:baseline;}

/* 共用クラス */
.clear,.clr {clear: both;}
.hdn {display:none;}

/* clear FIX */
.pkg:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.pkg{display:inline-table;zoom:1;}
/* \*/
* html .pkg{height:1%;}
.pkg{display:block;}
/* */



/* header */

#head     {
	background:url(/shared/img/bg_header.gif) repeat-x 0 17px;
	}

#headInner {
	width:756px;
	margin:0 auto;
	}

#logo , #copy{
	padding:17px 0 0 0;
	float:left;
	
	height:65px;
	overflow:hidden;
	}

#copy{
	width:373px;
	font-size:.75em;
	line-height:1.1em;
	}

.info p{
margin-top:15px;
}

.welcome{
		font-weight:bold;
	color:#990000;
	}

#loginbox{
	float:right;
	top:0;
	right:0;
	}
	


/* navi */

#navi {
	clear:both;
	}
	
#navi ul { list-style-type: none;margin: 0; padding:0;}
#navi li { display:inline;}


#searchBox {
	padding:0 0 10px 0;
	background:url(/shared/img/border_gray.gif) repeat-x bottom;
	}

#loginbox {
	position:relative;
	background:url(../img/bg_login.gif) no-repeat;
	width:188px;
	height:82px;
	}

#loginbox .fm {
	width:116px;
	height:15px;
	border:#CCCCCC 1px solid;
	margin:0 0 3px 0;
	}

#pwFoget{
	position:absolute;
	top:11px;
	left:94px;
	}

#loginmail{
	position:absolute;
	top:29px;
	left:46px;}

#loginpass {
	position:absolute;
	top:52px;
	left:46px;
	
	width:85px !important;}

#pwFoget {
	width:71px;
	height:11px;
	
	text-indent:-5000em;
	background:url(/shared/img/txt_pwforget.gif) no-repeat;
	}

#pwFoget a{
	display:block;
	width:100%;
	height:100%;
	}

#loginBtn{
	position:absolute;
	top:52px;
	left:140px;
	}

#searchBox{}

/* ▼一時停止中の処置 */
#searchBox{
	text-align:center;
	}
#searchBox img{ margin-bottom:5px;}
/* ▲一時停止中の処置 */
	

#searchBoxInner {
	width:756px;
	margin:0 auto;
	
	position:relative;
	}
	
/* これ以降Mac IE 5のみに適用される \*//*/

#searchBox {
	height:20px !important;
	}
#searchBoxInner {
    left: 50%;
    margin-left: -378px;
}

/* これ以降Mac IE 5以外にも適用される */

#search {
	}

#searchBoxInner #search{
	background:url(/shared/img/bg_saltsearchbox.gif) no-repeat;
	
	width:386px;
	height:36px;
	
	float:left;
	}

#searchBoxInner #search label{
	background:url(/shared/img/txt_search.gif) no-repeat;
	
	text-indent:-5000em;
	display:block;
	width:109px;
	height:26px;
	
	position:absolute;
	
	top:4px;
	left:10px;
	}

#search #searchword {
	position:absolute;
	
	top:4px;
	left:128px;
	
	padding:3px;
	
	font-size:1.1em;
	
	width:174px;
	height:16px;
	border:#CCCCCC 1px solid;
	
	}


#searchsubmit{
	position:absolute;
	
	top:5px;
	left:317px;
	}

/* これ以降Mac IE 5のみに適用される \*//*/

#search #searchword,#searchBoxInner #search label{
	position:relative;
	float:left;
	}

#searchsubmit{
	position:relative;
	
	top:-25px;
	}

/* これ以降Mac IE 5以外にも適用される */


#searchBoxInner ul {
	float:right;
	}
#searchBoxInner li{
	display:inline;
	}

#wrap   {
	clear:both;
	 }

body.twoClmLeft #wrapInner {
	margin:0 auto;
	padding-bottom:30px;
	width:756px;
	background:url(/shared/img/bg_2clm-left.gif) repeat-y left top;
	}

/* これ以降Mac IE 5のみに適用される \*//*/

body.twoClmLeft #wrapInner{
	position:relative;
    left: 50%;
    margin-left: -378px;
}
/* これ以降Mac IE 5以外にも適用される */

body.oneClm #wrapInner {
	margin:0 auto;
	padding-bottom:30px;
	width:756px;
	}


/* right（メインカラム） */
body.twoClmLeft #right {
	width: 592px;
	float: left;
	}



body.oneClm #right {
	width: 100%;
	}

body.oneClm #loginbox{
	display:none;
}

#right h2 {
	color: #fff;
	font-size: 13px; line-height: 13px;
	background: url(/shared/img/ttlbg_short.gif) repeat-x left top #ffa242;
	padding: 6px 0 5px 15px;
	width:auto;
	height:auto;}

#mainContents {
	margin:21px 15px;
	}

#mainContents h3{
	clear:both;
	font-size:1.35em;
	color:#E2007F;
	
	padding:25px 0 10px;
	}

#main {
	padding:0 0 20px 0;
	}
	

#more {
	clear:both;
	background:url(/shared/img/bg_more.gif) repeat-x;
	padding:28px 0 0 0;
	}


.EntryMoreLink {
	clear:both;
	
	margin:10px 0;
	padding:3px 32px;
	text-align:right;
	background:url(/shared/img/arr_cont.gif) #d8d8cc no-repeat right;
	}

.EntryMoreLink a {
	display:block;
	width:100%;
	color:#333;
	}


.CatList {
	background:url(/shared/img/bg_more.gif) repeat-x bottom;
	padding:0 0 14px 0;
	margin:22px 0 0 0;
	}

.CatList h1 {
	margin:0 0 7px 0;
	padding:0;
	}

.MainTitle {
	font-size:20px;
	line-height:1.1em;
	color:#320090;
	padding:0 0 10px 0;
	}

.MainTitle a{
	color:#320090;
	}
#EntryBody{
	margin:10px 0;
	
}

#main ul,#more ul ,#main ol,#more ol{
	margin:15px 0;
	}
#main li, #more li{
	margin:0 10px 2px 40px;}

.NextPrevEntery{
	clear:both;
	text-align:center;
	padding:20px 0;
	margin-bottom:10px;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	}

/* */

.trackback {
	margin:7px 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:#CCCCCC 1px dotted;
	}

.comment {
	border-bottom:#CCCCCC 1px dotted;
	}

.Pinger{
	font-size:0.9em;
	}

.posted, .trackback-footer,.comment-footer  {
	clear:both;
	
	color: #999999;
	font-size:0.8em;
	line-height: normal;
	text-align: left;
	}
.posted a,.trackback-footer a,.comment-footer a { color: #999999;}
.posted a:hover ,.trackback-footer a:hover , .comment-footer a:hover{ color: #333333;}

.posted {
	padding-bottom:10px;
}

/*  */

.comments-open-moderated{
	margin-bottom:15px;
	}

.comments-open-content , .comment ,.trackbacks-content,.TrackbackMain{
	margin:21px 15px;
	}

#comments-open-data label{
	clear:both;
	display:block;
	float:left;
	width:120px;
}

#comments-open-text{
	clear:both;
	}
	


/* left（サブカラム） */
#left     {
	width:160px;
	float:right;
	
	font-size:0.95em;
	line-height:1.2em;
	}

#leftInner h2 { color: #fff;
	font-size: 13px;
	line-height: 13px;
	background: url(/shared/img/ttlbg_short.gif) repeat-x left top ;
	padding: 6px 0 5px 5px; }

#leftInner p,
#leftInner div,
#leftInner ul,
#leftInner ol{
	margin:7px 7px;
	}


#leftInner .updaterss #RssFeed ul ,#RssFeed{
	margin:0 !important;
	padding:0 !important;
	}

#leftInner li {
	padding-left:14px;
	padding-bottom:10px;
	background: url("/shared/img/ico_entry.gif") no-repeat 0px 3px;
	list-style-type: none;
	}

#leftInner li a{
	color:#666666;
	}
	
#leftInner #present {
	margin:0 !important;
	}

/* フッター */
#foot {
	clear:both;
	
	height:107px;
	
	background:url(/shared/img/bg_footer.gif) repeat-x top;
	padding:18px 0 0 0;
	}

#footInner{
	margin:0 auto;
	width:756px; 
	
	font-size:10px;
	line-height:13px;
	color:#808080;
	}

#footInner a{color:#808080;}
#footInner a:hover{color:#575757;}

#pagetop {
	width:108px;
	float:right;
	}

/* タグ用 */

.EntryTagsHeader {
	font-weight:normal;
	color:#999999;
	margin:0;
	padding:0;
	display:inline;
	}

.EntryTags {
	margin:0 0 20px 0;
	}

.EntryTagsList {
	margin-top:2px;
	display:inline;
	}

.EntryTags ul{
	margin:0;
	padding:0;
	}
.EntryTag{
	padding:0 !important;
	margin:0 10px 0 0 !important;
	line-height:0.8em !important;
	color:#999999;
	display:inline;
	}

.EntryTag a,.EntryTag a:hover{
	color:#666666;
	}
.EntryTags{
	margin-top:17px;
	padding-top:17px;
	border-top:#DDD 1px solid;
}

/* 塩検索 */

#DetailSearchForm{
	margin-top:20px;
	border-collapse:collapse;
	width:100%;
	
	border:#FFCC33 1px solid;

	}

#DetailSearchForm th, #DetailSearchForm td{
	padding:5px;
	border:#FFCC33 1px solid;
	}

#DetailSearchForm th{
	background:#fefbe0;
	}
	
#DetailSearchFormInner th, #DetailSearchFormInner td{
	padding:2px;
	border:none;
	background:#FFFFFF;
	}

#DecideBtn{
	text-align:center;
	margin:10px 0 50px 0;
	}

/* 一般 */

body.blog #more p{
padding-bottom:1em;
}

body.blog #main p{
padding-bottom:1em;
}

#rightInner blockquote,.Entry blockquote{
	background-color: #fafbfb;
	margin:7px 12px;
	padding:15px;
	width:90%;
	border: solid 1px #d8dcdc;
	}

.sml {
	font-size:0.8em;
	}

img.pict{ background-color: #fff;border:#CCCCCC 1px solid;padding: 7px;}
img.pictR   { background-color: #fff; margin-left: 10px; margin-bottom: 5px; padding: 7px; float: right;border:#CCCCCC 1px solid;}
img.pictL   { background-color: #fff; margin-right: 10px; margin-bottom: 5px; padding: 7px; float: left;border:#CCCCCC 1px solid;}

.midashi { color: #2b368f; font-size: 1.2em; border-bottom: 2px solid #f90;
	margin-bottom:7px; }


/**/

.gotopresent   {
	font-size:       1.2em;
	font-weight:      bold;
	text-decoration:  none;
	background-color: #e7f4ff;
	text-align:       center;
	display:          block;
	margin:           10px auto;
	padding:          10px;
	width:            180px;
	border:           solid 1px #00a1da; }

.gotopresent:hover  {
	background-color: #ffc;
	border:            double 1px #f00; }

/* POPUP */
/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('/shared/img/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:260px;	/* Width of tooltip content */
	/*height:200px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

#ajax_tooltipObj .ajax_tooltip_content h1{
	text-align:center;
	font-size:1.2em;
	}

#ajax_tooltipObj .ajax_tooltip_content table {
	border-collapse:collapse;
	border:1px solid #999999;
	line-height:1.2em;
	}

#ajax_tooltipObj .ajax_tooltip_content table th{
	white-space:nowrap;
	border:1px solid #999999;
	background:#F5F5F5;
	}

#ajax_tooltipObj .ajax_tooltip_content table td{
border:1px solid #999999;
	}

.TopBanner {
	text-align:center;
	margin-bottom:15px;
	}