html, body{

	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana;

	margin: 0;

	padding: 0;

	text-align: center;

	background: url(../images/screen_bg.gif) 0 95px repeat-x;

	font-size: 12px;

	height: 100%;

}



h1, h2, h3, p {

	margin: 0;

	padding: 0;

}



a {

	color: #234599;

}

a:hover {

	color: #49b1ef;

}

.cl {

	display: inline-block;

}

.cl:after {

	content: "";

	display: block;

	clear: both;

}

#headerArea {

	background: url(../images/header_bg.gif) 0 0 repeat-x;

	height: 95px;

	text-align: left;

}



#headerArea h1 {

	font-size: 20px;

	font-weight: normal;

	padding: 25px 0 0 25px;

}

#headerArea h1 a {

	text-decoration: none;

}

#headerArea p {

	margin: 0;

	font-size: 10px;

	padding: 0 0 0 25px;

}



#contentsArea {

	width: 900px;

	margin: 0 auto;

	text-align: left;

	background: #fff;

	overflow: hidden;

	height: auto;

}



#mainArea {

	width: 630px;

	float: left;

	background: #fff;

	border-left: 1px solid #cecece;

	padding-bottom: 32767px;

	margin-bottom: -32767px;

}

#subArea {

	width: 250px;

	float: right;

	background: #f3f3f3;

	border-left: 1px solid #cecece;

	border-right: 1px solid #cecece;

	padding-bottom: 32767px;

	margin-bottom: -32767px; 

}

#footerArea {

	background: #2d2d2d;

	padding: 20px;

}

#footerArea a {

	color: #fff;

}

#mainArea h2 {

	width:600px;

	height: 51px;

	background: url(../images/main_title_bg.gif) 0 0 no-repeat;

	margin: 10px 0 10px 25px;

	line-height: 51px;

	font-size: 16px;

	font-weight: normal;

	padding: 0 0 0 20px;

}

#mainArea #topicPath {

	font-size:10px;

	padding: 0 0 10px 30px;

}

#mainArea ul#yahooQA {

	list-style-type: none;

	margin: 0 25px;

	padding: 0;

}

#mainArea ul#yahooQA li {

	width: 600px;

	background: url(../images/main_item_00_bg.gif) 0 0 no-repeat;

	padding-top: 10px;

	margin: 10px 0;

}

#mainArea ul#yahooQA .category {

	font-size: 10px;

	background: url(../images/main_item_01_bg.gif) 0 0 no-repeat;

	height: 30px;

	line-height: 25px;

	padding: 0 20px;

}

#mainArea ul#yahooQA li h3 {

	padding: 5px 20px;

	background: #f1f0ec url(../images/main_item_02_bg.gif) 0 0 repeat-y;

}

#mainArea ul#yahooQA li .date {

	padding: 0 10px;

	background: #f1f0ec url(../images/main_item_03_bg.gif) 0 0 no-repeat;

	font-size: 10px;

	text-align: right;

	height: 37px;

	line-height: 37px;

}

#mainArea ul#yahooQA li .summary {

	background: #f1f0ec url(../images/main_item_04_bg.gif) 0 0 repeat-y;

	padding: 10px 20px;

}

#mainArea ul#yahooQA li .ans {

	background: #f1f0ec url(../images/main_item_05_bg.gif) 0 0 no-repeat;

	padding: 0 20px;

	height: 30px;

	text-align: right;

}

ul.paging {

	list-style-type: none;

	font-size: 10px;

	margin: 0;

	padding: 10px 30px;

}

.paging li.this_page {

	border: 1px solid #234599;

	background-color: #234599;

	color: #fff;

	padding: 5px;

}

.paging li.skip {

	border: 1px solid #ffffff;

	background-color: #ffffff;

	color: #ccc;

	padding: 5px 0;

}

ul.paging li {

	float: left;

	margin: 0 5px;

	line-height: 100%;

}

ul.paging li.page a {

	display: block;

	text-decoration: none;

	border: 1px solid #234599;

	padding: 5px;

}

ul.paging li a {

	display: block;

	text-decoration: none;

	padding: 5px 0;

}

#subArea ul#category {

	list-style-type: none;

	margin: 0 10px;

	padding: 0;

	border-left: 1px solid #cecece;

	border-right: 1px solid #cecece;

	border-bottom: 1px solid #cecece;

	background: #fff;

}

#subArea ul#category li {

	background: #f2f2f2 url(../images/category_item_bg.gif) 0 0 no-repeat;

	border-top: 1px solid #cecece;

	padding-left: 30px;

}

#subArea ul#category li.up {

	background: #f2f2f2 url(../images/category_item_up_bg.gif) 0 0 no-repeat;

}

#subArea ul#category li a {

	height: 33px;

	min-height: 33px;

	line-height: 33px;

}

#subArea ul#category ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#subArea ul#category ul li {

	background: none;

	border: none;

	margin: 0;

	padding: 0 0 0 20px;

}

#subArea dl#client {

	margin: 20px 10px;

}

#subArea dl#client dt {

	background: #f6f6f6 url(../images/client_bg.gif) 0 0 repeat-x;

	height: 30px;

	min-height: 30px;

	padding: 10px 10px 0 10px;

	border-left: 1px solid #cecece;

	border-right: 1px solid #cecece;

	border-top: 1px solid #cecece;

}

#subArea dl#client dd {

	background: #f6f6f6;

	padding: 0 10px 10px 10px;

	border-left: 1px solid #cecece;

	border-right: 1px solid #cecece;

	border-bottom: 1px solid #cecece;

	margin: 0 0 10px 0;

}

#mashupArea {

	width: 900px;

	margin: 0 auto;

	background: #f6f6f6 url(../images/mashup_bg.gif) 0 0 repeat-y;

	border-top: 3px double #cecece;

	text-align: left;

}

#mashupArea h2 {

	width:850px;

	height: 51px;

	background: url(../images/mashup_title_bg.gif) 0 0 no-repeat;

	margin: 20px 0 10px 25px;

	line-height: 51px;

	font-size: 16px;

	font-weight: normal;

	padding: 0 0 0 20px;

}

#mashupArea ul {

	list-style-type: none;

	padding: 10px 30px;

	margin: 10px 0 0 0;

	font-size: 10px;

}

#mashupArea ul li {

	margin-bottom: 20px;

}

#messageArea {

	height: 300px;

	line-height: 300px;

	border-left: 1px solid #cecece;

	border-right: 1px solid #cecece;

	text-align: center;

}