/* 第１基礎部分(大枠としてのdiv)
----------------------------------------------- */
div#main_logo,div#sub_logo_memo,div#page_information,
div#introduction,div#top_search,
div#topix_ad,div#contents_end,
div#contents_right_1,div#contents_right_2,
div#contents_right_3,div#contents_right_4,
div#contents_right_5,div#contents_right_6,
div#contents_left_1,div#contents_left_2,
div#contents_left_3,div#contents_left_4,
div#contents_left_5{
	border:1px solid #bbbbbb;
	background-image:url("../image/bg_div.gif");
}
div#top_search,
div#topix_ad,
div#contents_right_1,div#contents_right_2,
div#contents_right_3,div#contents_right_4,
div#contents_right_5,
div#contents_left_1,div#contents_left_2,
div#contents_left_3,div#contents_left_4,
div#contents_left_5{
	margin-bottom:2px;
}
div#main_body{
	width:796px;
	padding:7px;
	border:1px solid #dddddd;
	background-image:url("../image/bg_body.gif");
	margin:auto;
}


/* 第１基礎部分(796px部分)
----------------------------------------------- */
div#shortcut_index{
	margin-bottom:2px;
	background-image:url("../image/icon_shortcut_index.gif");
	background-repeat:no-repeat;
}
div#contents_right{
	width:610x;
	float:right;
}
div#contents_left{
	width:182px;
	float:left;
}

/* 第１基礎部分(contents_right)
----------------------------------------------- */
.div_bar_top_610px{
	background:url("../image/div_bar_top_610px.gif") no-repeat transparent;
	width:610px;
	height:12px;
}
.div_bar_middle_610px{
	background:url("../image/div_bar_middle_610px.gif") repeat-y transparent;
	width:600px;
	padding:4px 5px 6px 5px;
}
.div_bar_bottom_610px{
	background:url("../image/div_bar_bottom_610px.gif") no-repeat transparent;
	width:610px;
	height:12px;
	clear:both;
}
.div_bar_hr_610px{
	background:url("../image/div_bar_hr_610px.gif") no-repeat transparent;
	width:610px;
	height:22px;
	clear:both;
}

/* 第１基礎部分(contents_left)
----------------------------------------------- */
.div_bar_top_180px{
	background:url("../image/div_bar_top_180px.gif") no-repeat transparent;
	width:180px;
	height:12px;
}
.div_bar_middle_180px{
	background:url("../image/div_bar_middle_180px.gif") repeat-y transparent;
	width:170px;
	padding:4px 5px 6px 5px;
}
.div_bar_bottom_180px{
	background:url("../image/div_bar_bottom_180px.gif") no-repeat transparent;
	width:180px;
	height:12px;
}
.div_bar_hr_180px{
	background:url("../image/div_bar_hr_180px.gif") no-repeat transparent;
	width:180px;
	height:22px;
}


/* 第２基礎部分(大枠の中のtableやdivなど・背景や配置のための共通事項などをここでまとめている)
----------------------------------------------- */
form{
	margin:0px;				/* ←これがないと何故かoperaでform自体が滑落する */
}

/* 第３基礎部分(大枠の中のdivの中のpやdiv・文章の共通事項などをここでまとめている)
----------------------------------------------- */
a{
	text-decoration:none;
}
a:link{
	color:#0000cc;
}
a:hover{
	color:#cc0000;
}
html>body a:hover{
	color:#ffffff;
	background-color:#3333cc;
}
div#shortcut_index a,
div#main_logo a,
div#sub_logo a,
td#memo_comment a{
	color:#0000cc;
	background-color:transparent;
}
p a{
	text-decoration:underline;
}
a.squares{
	background:url(../image/list_squares.gif) no-repeat left top transparent;
	color:#0000cc;
	padding-left:18px;
	margin-bottom:4px;
}
.em{
	color:#cc0000;
}
.em2{
	font-weight:bold;
	color:#cc0000;
}
p,div#introduction_left,div#thanks,
form.message,form.message input.mes_name,form.message textarea,
ul#mes_list{
	font-size:12px;
	line-height:1.4em;
	letter-spacing:1px;
	color:#333333;
}
div#timely ul,
div#topix ul,
div#notice ul,
td#topix ul,
div#thanks ul,
div#Topics ul{
	font-size:12px;
}
div#timely ul li,
div#topix ul li,
div#notice ul li,
td#topix ul li,
div#thanks ul li,
div#Topics ul li{
	line-height:1.4em;
	margin-left:0px;
}
div#timely ul li{
	line-height:1.3em;
	margin-bottom:0.35em;
}
.corner_title_610px{
	width:535px;
	height:25px;
	padding:10px 15px 0px 35px;
	margin:5px auto;
	vertical-align:bottom;
	font-size:16px;
	letter-spacing:1px;
	background-image:url("../image/bg_corner_title_610px.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
}
.corner_title_sub_610px{
	width:500px;
	padding:6px 20px 3px 15px;
	margin:3px auto;
	vertical-align:bottom;
	font-size:14px;
	letter-spacing:1px;
	font-weight:normal;
	background:url("../image/bg_corner_title_sub_610px.gif") no-repeat left bottom;
}
.corner_title_610px span{
	font-size:12px;
	letter-spacing:0px;
	color:#333333;
	font-weight:normal;
}
.corner_title_180px{
	width:140px;
	height:20px;
	padding:6px 0px 0px 22px;
	margin:0px auto 4px 5px;
	font-size:14px;
	vertical-align:bottom;
	background-image:url("../image/bg_corner_title_180px.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
}
.corner_title_sub_180px{
	width:146px;
	height:13px;
	padding:5px 0px 0px 15px;
	margin:0px auto 4px 5px;
	font-size:12px;
	vertical-align:bottom;
	background:url("../image/bg_corner_title_sub_180px.gif") no-repeat left bottom;
}
#Topics h2{
	background-color:#cc0000;
}
#TopicsLog{
	background-color:#0000cc;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}

/* 各要素(796px部分)
------------------------------------------------------------------------------------ */

/* ショートカット(796px部分)
----------------------------------------------- */
div#shortcut_index{
	padding:6px 111px 6px 135px;
}
div#shortcut_index a:hover{
	background-image:transparent;
}

/* 著作権表示
----------------------------------------------- */
div#contents_end div{
	margin:auto;
}
div#copyright{
	text-align:center;
	line-height:1.2em;
	font-size:12px;
	letter-spacing:1px;
	color:#000011;
	width:610px;
	background-position:center;
}



/* 各要素(610px部分)
------------------------------------------------------------------------------------ */
/* 近況(contents_right)
----------------------------------------------- */
div#Topics{
	width:590px;
	padding:2px 10px;
}
div#Topics p{
	text-indent:6em;
	margin:3px;
	line-height:1.5em;
}
div#Topics blockquote{
	text-indent:0em;
	margin:1em 1em 1em 8em;
	line-height:1.3em;
	font-size:12px;
	border:1px dotted #888888;
	border-right:3px solid #888888;
	padding:0.5em 1em 0.5em 0.5em;
	color:#444444;
}

div#Topics ol{
	margin:15px 15px 15px 150px;
	font-size:12px;
}
div#Topics ol li{
	margin:6px;
	line-height:1.4em;
}
div#Topics ol li:first-letter{
	font-size:32px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:1em;
	float:left;
}div#Topics ul li{
	margin-bottom:6px;
	line-height:1.5em;
	border-right:3px #cc0000 solid;
	border-bottom:1px #888888 dotted;
}
div#Topics li span.em2{
	color:#003080;
	line-height:1.5em;
}
div#Topics h3{
	font-size:12px;
	font-weight:normal;
	text-align:right;
	line-height:1.2em;
	margin:6px 4px;
	padding:3px 5px;
	border-right:4px solid #666666;
	border-bottom:1px dashed #000000;
}
div#Topics_body h4{
	width:500px;
	padding:8px 20px 1px 15px;
	margin:10px auto 5px auto;
	vertical-align:bottom;
	font-size:14px;
	letter-spacing:1px;
	line-height:16px;
	background:url("../image/bg_corner_title_sub_610px.gif") no-repeat left bottom;
	background-color:#ffffff;
	border-style:none;
}
div#Topics dl{
	margin:30px 15px;;
}
div#Topics dl dt{
	font-size:14px;
	margin-top:20px;
	font-weight:bold;
	border-left:4px solid #cc0000;
	border-bottom:1px solid #666666;
	padding:2px 8px;
}
div#Topics dl dd{
	font-size:12px;
	margin-left:0px;
	line-height:1.4em;
	border-left:4px solid #222222;
	padding:4px 8px;
	text-indent:1.2em;
}
div#Topics dl.affiliate_dl dt{
	clear:both;
}
div#Topics dl.oreClap dt{
	font-size:12px;
	font-weight:normal;
	line-height:1.3em;
	padding-right:100px;
}
div#Topics dl.affiliate_dl dd img{
	float:right;
}
div#Topics dl.oreClap dd{
	padding-left:40px;
}

div#Topics img{
	padding:1px;
	border:1px solid #888888;
	display:block;
	margin:10px auto;
}
div#Topics code{
	padding:4px;
	font-size:12px;
	width:500px;
	margin:auto;
	overflow:scroll;
	display:block;
	background-color:#eeeeee;
	white-space:pre;
	border:1px dashed #dddddd;
}

table.affiliate_table{
	width:520px;
	margin:15px auto;
	font-size:12px;
	line-height:1.2em;
}
table.affiliate_table td img{
	display:block;
	border:#999999 solid 1px;
}
table.affiliate_table tfoot td{
	text-align:right;
}


dl#TopicsPHPNaviTop{
	width:560px;
	margin:5px 0px 5px 15px;
	font-size:12px;
}
dl#TopicsPHPNaviTop dt{
	margin-bottom:5px;
}
dl#TopicsPHPNaviTop dd{
	margin-left:10px;
	line-height:1.6em;
}

dl#TopicsPHPNaviTop dd.left{
	background-image:url(../image/list_modoru.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}
dl#TopicsPHPNaviTop dd.right{
	background-image:url(../image/list_pan.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
}



dl.TopicsPHPNaviBottom{
	width:500px;
	margin:5px 0px 5px 35px;
	font-size:12px;
}
dl.TopicsPHPNaviBottom dt{
	font-size:14px;
	font-weight:bold;
	line-height:1.6em;
}
dl.TopicsPHPNaviBottom dd{
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
}
dl.TopicsPHPNaviBottom dd p{
	margin:0;
	font-size:12px;
}
dl.TopicsPHPNaviBottom dd#TopicsPHPNaviBottomPrev,
dl.TopicsPHPNaviBottom dd#TopicsPHPNaviBottomNext{
	margin:5px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

ul#TopicsPHPNaviFooter{
	width:480px;
	margin:10px auto;
	font-size:12px;
	list-style:none;
}
ul#TopicsPHPNaviFooter li{
	display:inline;
	margin-left:50px;
}

dl#prev{
	border-left:solid 4px #0000cc;
	padding-left:8px;
}
dl#next{
	border-left:solid 4px #cc0000;
	padding-left:8px;
}
dd.important{
	padding:2px 0px 3px 19px;
	background-image:url("../image/list_mokuji_l.gif");
	background-repeat:no-repeat;
}
dl.TopicsPHPNaviBottom dd p.right{
	background-image:url("../image/list_mokuji_important.gif");
	background-repeat:no-repeat;
	background-position:339px 2px;
}

ul.kakoLog li span{
	display:block;
	text-align:right;
	margin-right:1em;
}

form{
	font-size:12px;
}

/* 各要素(contents_left)
------------------------------------------------------------------------------------ */
/* 共通要素(contents_left)
----------------------------------------------- */
div#contents_left dl{
	width:160px;
	margin:5px auto 0px auto;
	font-size:12px;
}
div#contents_left dl dt{
	padding:3px 5px 0px 5px;
	letter-spacing:1px;
	line-height:1.4em;
	text-align:center;
}
div#contents_left dl dd{
	margin:5px 0px;
}
div#contents_left dl dd p{
	text-align:center;
	margin:2px;
}
div#contents_left dl dd hr{
	width:90%;
	margin:2px auto;
}
div#contents_left dl dd form fieldset{
	margin:0px 5px 10px 5px;
}
div#contents_left dl dd ul{
	background-image:url("../image/list_mokuji_important.gif");
}
div#contents_left dl dd ul li{
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	padding-left:4px;
	margin:0px;
	line-height:2em !important;
}

/* ページ内ジャンプ(contents_left)
----------------------------------------------- */
div#jump ul{
	margin:0px;
	padding:0px 10px 0px 30px;	/* ←div#news_bgのpaddingとココのmarginとpaddingの3つを調整しないとfirefoxでズレる */
}
div#jump ul li{
	font-size:12px;
	padding:2px;
	list-style-image:url("../image/list_mokuji_l.gif");
}

address{
	font-style:normal;
}