body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
p{
	text-align: left;
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
ul{
	font-size: 13px;
	text-align: left;
}
a img{
	border-style: none;
}

#container { 
	position: relative; /* adding position: relative により、このコンテナに対する相対位置に 2 つのサイドバーを配置できます */
	width: 920px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

#header {
	height: 65px;
	padding: 0 10px 0 20px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FA8DC4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FA8DC4;
	border-right-color: #FA8DC4;
	border-left-color: #FA8DC4;
	margin: 0px;
} 

#header h1{ /* ページタイトル */
	margin: 0px;
	text-align: left;
	font-size: 15px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 300px;
}

#header h2{ /* サイト名 */
	font-size: 13px;
	position: absolute;
	top: 7px;
	margin-top: 15px;
	margin-bottom: 0px;
	right: 56px;
}

#header p{ /* ページトピック */
	padding: 0px 20px 6px 303px;
	text-align: left;
	font-size: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 15px;
}

#header img{ /* サイトロゴ */
	float: left; /* ヘッダの左に動かす */
	position: absolute; /* ヘッダの左上に表示する仕掛け */
	top: 5px; /* ヘッダの左上に表示する仕掛け */
	left: 1%; /* ヘッダの左上に表示する仕掛け */
	margin: 0px;
}

#header a{
	text-decoration: none;
}
#header A:HOVER{
	text-decoration: none;
}

#sidebar1 {
	position: absolute;
	top: 82px;
	left: 0;
	width: 175px;
	padding: 0px;
	z-index: 5;
	margin: 0px;
}
.menu , .side-exp{
	border: 1px solid #FA8DC4;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
}
.retrieval{
	text-align: center;
	font-size: 13px;
	background-color: #FFFFFF;
	border: 1px solid #FA8DC4;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.retrieval form{
	margin: 2px 0px;
	padding: 0px;
}

.side-exp p{
	font-size: 12px;
}
.menu h3 , .side-exp h3{
	color: #FFFFFF;
	background-color: #FA8DC4;
	margin: 0px;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	text-align: left;
}
.menu ul{
	margin: 0px;
	padding-left: 20px;
	font-size: 95%;
}
.menu ul li{
	margin-left: 0px;
	list-style-type: square;
}

.menu ul ul li{
	margin-left: -15px;
	list-style-type: circle;
}
.menu ul ul ul li{
	font-size: 90%;
	list-style-type: none;
}

/*　メニュー２マウスオン　*/
.module-content a
{
	display: block;
	font-size: 12px;
	text-align: left;
	width: 40%;
	float: left;
	margin: 0px;
	padding-right: 0px;
	padding-top: 3px;
	height: 17px;
	padding-bottom: 0px;
}
.module-content span
{
	display: block;
	text-align: center;
	width: 9%;
	float: left;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	height: 17px;
	padding-left: 0px;
}

#mainContent {
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 195px;
}
.content {
	margin-right: auto;
	margin-left: auto;
}
.content h3 , #comments h3{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #FF6699;
	border-right-color: #FF6699;
	border-bottom-color: #FF6699;
	border-left-color: #FF6699;
	color: #D20044;
	margin-top: 0px;
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 1px;
	height: 100%;
	font-size: 16px;
	text-align: left;
}
.content h4 {
	font-size: 15px;
	color: #000066;
	background-color: #FFCECF;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 14px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: left;
}

.entry-body , .entry-body-single , .entry-body-single2{
	border: 1px solid #FA8DC4;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.entry-body img {
	float: left;
	margin: 10px;
}
.entry-body-single img {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.entry-body-single2 img {
	margin-top: 10px;
	margin-left: 7px;
	float: left;
}

.entry-body p , .entry-body-single p {
	margin-right: 10px;
	margin-left: 30px;
}
.entry-body-single2 p{
	margin-right: 10px;
	margin-left: 10px;
}

.entry-p-1{
	clear: both;
}

.entry-p-r2 {
	background-image: url(http://www.zmdn.biz/images/icon/icon-pink-01.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 1px;
}
.entry-p-3{
	background-image: url(http://www.zmdn.biz/images/icon/icon-pink-01.gif);
	background-repeat: no-repeat;
	clear: both;
	padding-left: 20px;
}

#footer {
	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FA8DC4;
	border-right-color: #FA8DC4;
	border-bottom-color: #FA8DC4;
	border-left-color: #FA8DC4;
	z-index: 1;
} 
#footer h3{
	font-size: 14px;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
#footer img{
	margin: 10px 0px 0px;
	text-align: left;
	float: left;
}


.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}

/*******解説リンク*********/
#exl
{
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 10px;
	width: 98%;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}
#exl h3
{
	font-size: 14px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	height: 100%;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFCECF;
	border-left-color: #FFCECF;
}
.box-top{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 0px;
	background-color: #ECE9D8;
	padding-top: 3px;
	padding-bottom: 3px;
}

.box1{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 20px;
	background-color: #ECE9D8;
	padding-top: 3px;
	padding-bottom: 3px;
}
.top-bn-box{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #ECE9D8;
	padding-top: 3px;
	padding-bottom: 3px;
}

.p-1{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #FA8DC4;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.p-2{
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.p-entry-cat{
	clear: both;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FA8DC4;
	border-left-color: #FA8DC4;
	padding-left: 10px;
	margin-left: 15px !important;
}
.img-container-l {
	float: left;
	padding: 0px;
}
.img-container-2{
	clear: both;
}
.previous , .next{
	font-size: 90%;
	margin: 5px;
}

.previous{
	float: left;
}
.next{
	float: right;
}
.scrollbar-box{
	width: 600px;
	height: 220px;
	overflow:auto;
	scrollbar-base-color: #CCCC66;/*　 全体の色　*/
	scrollbar-face-color: #CCFF33;/*　バーの色　*/
	scrollbar-arrow-color: #FF00FF;/*　矢印の色　*/
	text-align: left;
	margin-right: auto;
	margin-left: auto;	
/**スクロールバー左寄せの場合使用 writing-mode:tb-rl; **/
}
.ul-cat{
	margin-top: 0px;
	margin-bottom: 5px;
}
.li-cat{
	display: inline;
	margin: 0px;
	padding: 0px;
}
/*ムービー*/
#box-all{
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: auto;
	margin-bottom: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F858A8;
	border-bottom-color: #F858A8;
	border-left-color: #F858A8;
}

#box-all-inner{
	background-color: #FFFFFF;
	width: 99%;
	margin: auto;
	padding-bottom: 1px;
}
#box-all-inner p{
	font-size: 90%;
	margin-bottom: 10px;
}

.red{
	color: #DB0000;
}
/*パンクズ*/
.cat-navi{
	background-color: #E9F0F3;
	width: 100%;
	margin: 0px 0px 10px;
	padding-left: 20px;
	font-size: 13px;
}
/*コメント欄*/
.comment{
	width: 96%;
	border: 1px solid #FA8DC4;
	margin-right: auto;
	margin-left: auto;
}

/*コメント投稿フォーム*/
.comments-open{
	border: 1px solid #FA8DC4;
}

fieldset{
	border-style: none;
	margin-top: 20px;
}
/*サイドメニューのコメント一覧*/
.comments-box{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

/*タグテキストのサイズ*/
.rank-1  { font-size: 1.75em; }
.rank-2  { font-size: 1.75em; }
.rank-3  { font-size: 1.625em; }
.rank-4  { font-size: 1.5em; }
.rank-5  { font-size: 1.375em; }
.rank-6  { font-size: 1.25em; }
.rank-7  { font-size: 1.125em; }
.rank-8  { font-size: 1em; }
.rank-9  { font-size: 0.95em; }
.rank-10 { font-size: 0.9em; }
