/* べっぴん館　全ページ共通CSS */

body {
	margin: 0 auto;
	text-align: center;
	color: black;
	font-size: 12px;
	line-height: 20px;
	background: snow;
	}

strong {font-size: 14px;}

h1 { font-size: 15px; margin: 0; padding-top: 4px; }

h2 { font-size: 13pt; line-height: 22px; }

a { text-decoration: none; }
a img { border-style: none; }
a:visited { color: blue; }
a:hover {
	text-shadow: 0px 1px 0px gainsboro;
	filter: dropshadow(color=gainsboro,offX=0,offY=1);
	}
/* color */
.red { color: red; }
.pink { color: hotpink; }
.deeppink { color: deeppink; }
.wine { color: crimson; }
.rosered { color: #DB3561; }
.orange { color: orange; }
.darkorange { color: darkorange; }
.orchid { color: orchid; }
.violet { color: blueviolet; }

.gray { color: gray; }
.darkgray { color: darkgray; }
.blue { color: blue; }
.dodger { color: dodgerblue; }
.gold { color: gold; }
.green { color: mediumseagreen; }

/* decoration */
.redline { border-bottom: solid 1px red; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.topic { color: white; font-weight: bold; background: orangered; }
.sml { font-size: 11px; _font-size: smaller; }
.lfloat { margin-right: 10px; }
.textleft { text-align: left; }
.shadow {
	text-shadow: 0px 1px 0px gainsboro;
	filter: dropshadow(color=gainsboro,offX=0,offY=1);
	}
.shadow2 {
	text-shadow: 0px 1px 1px gainsboro;
	filter: dropshadow(color=gainsboro,offX=0,offY=1);
	}
.serif { font-family: "ＭＳ Ｐ明朝",serif; }
#page, #head { width:917px; margin: 0 auto; position:relative; }

#head a:hover, .contents a:hover { border: none; }

#page, .line, .pic { text-align: center; }

.contents, .textarea, .pic { margin: 10px auto; }

.contents {
	padding: 0;
	border: solid 1px gainsboro;
	background: white;
	position:relative;
	}

#inmenu {
	position: absolute;
	width: 320px;
	height: 200px;
	top: 276px;
	left: 131px;
	z-index: 2;
	}
	
.textarea {
	width: 600px;
	padding: 15px;
	background: snow;
	/*position:relative;*/
	}

.main, .line { width: 660px; }

.main {
	padding: 0 10px;
	line-height: 18px;
	/*position:relative;*/
	}

#footer1008, .clear { clear:both; }

/*.line {
	margin: 20px auto;
	background: cornflowerblue;
	color: white;
	font-weight: bold;
	}*/

.pic, .main-c, .contents { width: 680px; }

.textarea, .contents {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*behavior: url(css/PIE.htc);*/
	}

#footer, #main, .textarea/*, .contents*/ {
	-moz-box-shadow: 1px 1px 1px dimgray;
	-webkit-box-shadow: 1px 1px 1px dimgray;
	box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.3);
	}

.linkpics img {
	margin: 0 20px;
	border-style: none;
	}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: dashed;
	border-color: gainsboro;
	height: 1px;
	}

#header1008 {
	padding: 5px 0 0 0;
	font-size: 12px;
	}

#footer1008 {
	/*background: moccasin;*/
	
	line-height: 16px;
	}

#footer1008, #footer1008 ul, #header1008 ul, .right { font-size: 10px; }
#header, #footer { width: 100%; margin: 0 auto; background: white; }
#header { border-bottom: solid 1px gainsboro; }
#footer { border-top: solid 1px gainsboro; }
#header1008, #footer1008 {
	margin: 0 auto;
	width: 917px;
	height: 100px;
	background: white;
	}

#header1008, #footer1008, .rightlist, .leftlist, .left1008, .main, .main-c, .textarea { text-align: left; }

.picsmargin { margin: 1px 5px 5px 5px; }
.picsmargin2 { margin: 100px; }
.picsmargin2, ul.sitelist2, ul.sitelist, ul.sitelistc, h1 { margin: 0; }

#footer1008 ul li a { text-decoration: none; }

#footer1008 ul li a:hover, a:hover {
	border-bottom: dashed 1px red;
	color: limegreen;
	border-style: none;
	}

#footer1008 ul, #header1008 ul, #footer1008 li, #header1008 li { display: inline; }

#footer1008 ul, #header1008 ul { margin-left: -3.5em; }
 
#footer1008 li, #header1008 li {
	border-left: 1px solid black;
	padding: 0 5px;
	}

ul.sitelist, ul.sitelistc {
	background: url(../img/arrow1.gif) no-repeat;
	list-style-type: none;
	padding-left: 15px;
	margin: 1px 0;
	}

ul.sitelist, ul.sitelistc { background: url(../img/arrow1.gif) no-repeat; }

ul.sitelist { background-position: left -1px; }

ul.sitelistc { background-position: left -2px; }

ul.sitelist2 { padding-left: 0.3em; line-height: 14px; }

ul.sitelist2 li {
	background: url(../img/arrow2.gif) no-repeat;
	background-position: left -4px;
	list-style-type: none;
	padding-left: 15px;
	margin: 1px 0;
	}

.right1008 { width: 45%; text-align: right; }

.left1008 { width: 45%; }

.left, .right { width: 48%; }
.left { padding-left: 12px;}
.right { padding-right: 12px; }
.right1008, .rightlist, .right { float: right; }

#leftplus { padding-left: 5px; float:left; width: 45%; }
#rightplus { padding-right: 5px; float: right; width: 50%; }
#leftplus, #rightplus { margin: 5px 0; }
.right1008, .rightlist { margin: 2px 40px 3px 5px; }

.left1008, .leftlist, .left, .lfloat, .contents { float: left; }

.left1008, .leftlist { margin: 2px 5px 3px 40px; float: left; }

.rightlist, .leftlist { width: 40%; }

.line16 { line-height: 16px; }
.line20 { line-height: 20px; }

.bnn {
	width: 662px;
	margin: 10px 9px;
	padding-left: 8em;
	height: 30px;
	background: url(../img/bnr.gif) no-repeat;
	text-align: left;
	}

.ex {
	margin: 10px auto;
	width: 640px;
	padding: 5 10px;
	font-size:12px;
	line-height: 18px;
	text-align: left;
	background: whitesmoke;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
	}
 
.cf:after {
	clear:both;
	}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
	}