/* --------------------------------
 汲枢次2・
-------------------------------- */

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,span,form,textarea,input {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1em 0;
}

a {
	color: #988c57;
}

a:hover {
	color: #bbb080;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	color: #666666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 1.6;
}

#container {
	width: 758px;
	margin: 0 auto;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

*:first-child+html #container {
	width: 758px;
}

p,li,th,td {
	font-size: 120%;
}

input {
	font-size: 100%;
}

.notice {
	color: #cc0033;
	font-weight: normal;
}

a.link {
	padding-left: 1em;
	vertical-align: bottom;
	background: url(../common/arrow_right_brn.gif) no-repeat #fff 0 0.2em;
}

#contents .none {
	padding-left: 0;
	border-left: none;
	background: none;
}

/* --------------------------------
 ヘッダー澄2・
-------------------------------- */

#header {
	position: relative;
	padding: 0 0 30px 20px;
	background: url(../common/bg_header.gif) repeat-x #fff;
	z-index: 0;
}

/* ------- ロゴ ------- */

#logo {
	margin: 21px 0 0 0;
	padding: 0;
}

/* ------- グローバルメニュー ------- */

#header #flashcontent {
	z-index: 1;
}

#header #gNavi {
	position: absolute;
	top: 7px;
	right: 9px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#header #gNavi li {
	float: left;
	list-style-type: none;	
	margin-left: 6px;
}

#header #gNavi li img {
	vertical-align: bottom;
}

/* ------- 検鷺#Gリア ------- */

#header #search {
	position: absolute;
	top: 51px;
	right: 10px;
	margin-bottom: 13px;
	padding: 3px;
	width: 280px;
	background: url(../common/slh_wht.gif) #988c57;
}

#header #search h3 {
	display: none;
}

#header #search #formArea {
	margin: 0;
	padding: 5px 8px;
	background-color: #fff;
}

#header #search #textInput {
	width: 187px;
	color: #666666;
}


/* --------------------------------
 コンテンツ澄2・
-------------------------------- */

#contents {
	/*float: left;*/
	overflow: hidden;
	padding: 0;
	background: url(../common/bg_right.gif) repeat-y right top #fff;
}

*html #contents {
	background: url(../common/bg_right.gif) repeat-y 569px 0 #fff;
}

#contents #left {
	float: left;
	margin-left: 20px !important;
	margin-left: 10px;
	width: 530px;
}

#contents #right {
	float: right;
	width: 189px;
}

#contents .pageTop {
	clear: both;
	padding-top: 25px;
	width: 530px;
	text-align: right;
}


#left {
	padding-top: 10px;
	background: url(../common/slh_blk.gif) no-repeat left top;
}

#contents h1 {
	padding-bottom: 10px;
	background: url(../common/dot_blk.gif) repeat-x left bottom;
	font-size: 160%;
	line-height: 1.2;
}

#static h1 {
	margin-bottom: 20px;
}

#static h2 {
	clear: both;
	margin: 25px 0 8px 0;
	padding: 3px 5px;
	font-size: 140%;
	line-height: 1.4;
	color: #988c57;
	background: url(../common/slh_wht02.gif) left top #ededed;
}

#static .lang {
	margin: 20px 0;
	padding-bottom: 3px;
	border-bottom: solid 1px #f630ca;
}

#static .logo {
	margin: 0 20px 25px 0;
}

#contents #right #gMenu {
	border-bottom: solid 1px #cccccc;
}

#contents #right #gMenu li {
	list-style-type: none;	
}

#contents #right #gMenu li img {
	vertical-align: bottom;
}

#static .sitemap li {
	margin-bottom: 13px;
	padding-left: 15px;
	list-style-type: none;
	background: url(../common/mark_lsm.gif) no-repeat 0 0.3em;
}

ul.disc, 
ul.notice {
	margin: 0 0 15px 0;
}

ul.disc li {
	margin-bottom: 8px;
	list-style-position: outside;
	margin-left: 1.5em;
}

ul.noticeList li {
	margin-bottom: 8px;
	list-style-position: outside;
	list-style-type: none;
	text-indent: -1em;
	margin-left: 1em;
}


/* --------------------------------
 フッターナビ澄2・
-------------------------------- */

#contents #fNavi {
	clear: both;
	position: relative;
	width: 738px;
	padding: 42px 0 10px 20px;
	background: url(../common/bg_fnavi.gif) repeat-x right bottom;
}

#contents #fNavi li {
	display: inline;
	margin-right: 15px;
	list-style-type: none;
	line-height: 0;
}

#contents #fNavi li img {
	vertical-align: bottom;
}

#contents #fNavi li.login {
	position: absolute;
	bottom: 12px;
	right: 0;
}

/* --------------------------------
 コピーライト澄2・
-------------------------------- */

#copy {
	clear: both;
	padding: 11px 11px 26px 0;
	text-align: right;
	background: url(../common/bg_wrapper.gif) repeat-y center top;
}



/* --------------------------------
 トップページ用澄2・
-------------------------------- */

#index #container {
	width: 958px;
	margin: 0 auto;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

#index #body {
	margin: 0;
}
#index #body {
    overflow: hidden;
}

* html #index #body {
    height: 1%;
}

#index #left {
	background: none;
	padding-top: 0;
}

#index #contents {
	background-image: none;
	padding-top: 10px;
}

#index #contents #left {
	margin-left: 20px !important;
	margin-left: 10px;
	padding-bottom: 20px;
	width: 604px;
}

#index #contents #right {
	margin-right: 20px !important;
	margin-right: 10px;
	width: 292px;
}

#index #header {
	margin-top: -1px;
	padding: 0;
	background: url(../images/bg_main.jpg) top right no-repeat #fff;
	border-top: solid 1px #fff;
}

#index #header h1 {
	margin: 38px 0 37px 27px;
}

#index #header h2 {
	margin: 0 0 0 22px;
}

#index h3 {
	clear: both;
	margin-bottom: 15px;
}

#index #right {
	margin-right: 10px !important;
	margin-right: 5px;
}

#index #fNavi {
	margin: 0;
	padding-top: 32px;
	width: 938px;
}

#index #copy {
	clear: both;
	width: 947px;
	background: url(../common/bg_wrapper02.gif) repeat-y center top;
}

#index .bodyLeft {
	float: left;
	width: 292px;
}

#index .bodyRight {
	float: right;
	width: 292px;
}

#index #businessstyle,
#index #lifestyle {
	clear: both;
	overflow: hidden;
	height: 100%;
	margin-bottom: 15px;
	padding-left: 10px;
}

#index #footer {
	width: 958px;
}
/* -------  ------- */

#index .menu {
	width: 282px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 1.3;
	overflow: auto;
	background: url(../common/dot_blk.gif) repeat-x left bottom;
	/*border: solid 1px #FF0000;*/
}

#index .menu p {
	margin: 0;
	padding: 0;
}

#index .none {
	background: none;
}

#index .menu .img {
	float: left;
	margin: 0;
}

#index .menu .text {
	float: right;
	margin: 0;
	padding: 0;
	width: 213px;
}

#index .menu h4 {
	margin-bottom: 5px;
}


#index #left h3 {
	position: relative;
}

#index #left h3 .link {
	position: absolute;
	top: 14px;
	right: 10px;
	font-size: 100%;
	line-height: 1.2;
}

#index #left h3 .link a {
	padding-left: 1em;
	vertical-align: bottom;
	font-weight: normal;
	background: url(../common/arrow_right_brn.gif) no-repeat 0 0.4em;
}


#index .bizBlog {
	margin: 0;
	padding: 1px;
	margin-top: -10px;
	border: solid 1px #cccccc;
}

#index h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}

#index .bizBlog .text {
	margin: 0;
	padding: 0;
	padding: 6px 8px 0;
	font-size: 85%;
}

#index .bizBlog strong {
	color: #cc0033;
}

#index .bodyRight .bnrKoryu {
	border-bottom: solid 1px #f00;
}

/*#index #kouryu {
	float: right;
}*/

#index .news1st {
	float: right;
	width: 292px;
	line-height: 1.3;
	margin-top: 0;
	padding-top: 10px;
	background: url(../common/dot_blk.gif) repeat-x left top;
}

#index .news1st p {
	margin: 0 0 5px 0;
	padding-left: 8px;
	background: url(../common/arrow_right_blue.gif) no-repeat #fff 0 0.4em;
	/*border: solid 1px #F00;*/
}

#index .news1st em {
	color: #f00;
	font-style: normal;
}

#index .news1st ul {
	padding-left: 8px;
	list-style-type: none;
}

#index .news1st a {
	color: #00a0e9;
}

#index .news1st a:hover {
	color: #33ccff;
}

/* ------- 酷+・哩L・------- */

#index .recent {
	position: relative;
	width: 292px;
	margin: 0px 0 10px;
	padding: 0;
}

#index .recent .link {
	position: absolute;
	top: 1px;
	right: 1px;
	font-size: 100%;
	line-height: 1.2;
}

#index .recent .link a {
	padding-left: 1em;
	vertical-align: bottom;
	background: url(../common/arrow_right_brn.gif) no-repeat #fff 0 0.2em;
}

#index .recent .postlist {
	margin: 8px 0 0;
}

#index .recent .postlist li {
	list-style-type: none;	
	/*font-size: 100%;*/
	line-height: 1.4;
	margin: 5px 0 0 0;
	padding: 0 0 0 0.7em;
	background: url(../common/arrow_right.gif) no-repeat #fff 0 0.5em;
}
#index .recent .postlist dt{
	font-weight: bold;
	padding: 2px;
	margin: 3px;
	border-top: 2px solid #C8EDFF;
	font-size: 120%;
}
#index .recent .postlist dd{
	font-size: 120%;
	line-height: 1.4;
	margin: 5px 0 0 10px;
	padding: 0 0 0 0.7em;
	background: url(../common/arrow_right.gif) no-repeat #fff 0 0.5em;
}

/* ------- 検鷺#Gリア ------- */

#search {
	position: static;
	margin-bottom: 13px;
	padding: 3px;
	background: url(../common/slh_wht.gif) #988c57;
}

#search h3 {
	display: none;
}

#search #formArea {
	margin: 0;
	padding: 5px 8px;
	background-color: #fff;
}

#search #textInput {
	width: 203px;
	color: #666666;
}

/* ------- ピックアップブロガー ------- */

#blogger {
	clear: both;
	padding: 3px;
	background: url(../common/slh_wht.gif) #988c57;
}

#blogger .section {
	border: solid 1px #fff;
	background-color: #fff;
}

#blogger h3,
#blogger h4,
#blogger ul {
	margin: 0;
	padding: 0 8px;
	background-image: none;
	background-color: #fff;
}

#blogger h3 {
	padding-top: 7px;
}

#blogger #detail {
	overflow: hidden;
	margin: 0;
	padding: 6px 8px 0 8px;
	background-color: #fff;
}
#blogger #detail {
    overflow: hidden;
}

* html #blogger #detail {
    height: 1%;
}

#blogger #detail .photo {
	float: left;
	margin-top: 2px;
	margin-right: 6px;
}

#blogger #detail .photo img {
	border:solid 1px #fff;
}

#blogger #detail .text {
	float: right;
	line-height: 1.3;
	padding: 0;
	width: 197px;
}

#blogger #detail p {
	margin-bottom: 3px;
}

#blogger #detail dl {
	margin: 0px;
}

#blogger #detail dt {
	margin-top: 3px;
	line-height: 1.0;
}

#blogger #detail dl img {
	vertical-align: bottom;
	margin: 3px 0 2px 0;
}

#blogger h4 {
	clear: both;
	padding-top: 10px;
	padding-bottom: 3px;
}

#blogger .postlist {
	padding-bottom: 3px;
}

#blogger .postlist li {
	list-style-type: none;	
	line-height: 1.2;
	margin-bottom: 5px;
}

/* ------- メニュー ------- */

#index #right ul {
	margin: 0;
	padding: 0;
}

#index #right li {
	padding: 9px;
	margin-bottom: 5px;
	color: #000;
	line-height: 1.3;
	list-style-type: none;
}

#index #right li.menu01 {
	background: url(../images/bg_freemessage.gif) left top;
}

#index #right li.menu02 {
	background: url(../images/bg_study.jpg) left top;
}

#index #right li.menu03 {
	background: url(../images/bg_quali.gif) left top;
}

/* ------- リサーチ ------- */

#index #research {
	margin-bottom: 10px;
	border: solid 1px #cccccc;
	line-height: 1.3;
	background: url(../images/bg_research.gif) no-repeat right bottom #f7f7f7;
}

#index #research h3 {
	margin: -1px 0 5px -1px;
}

#index #research p {
	margin: 5px;
}

#index #research form {
	margin: 12px 12px 4px 12px;
	font-size: 120%;
}

#index #research input {
	margin: 0 3px 8px 0;
	vertical-align: middle;
}


/* ------- SNS ------- */

#index h3.sns {
	margin-top: 10px;
}


/* ------- Shop ------- */

#index h3.shop {
	margin-bottom: 10px;
}


/* ------- 広告エリア ------- */

#index #bnr {
	clear: both;
	margin-left: 32px;
	padding-top: 20px;
}

#index #bnr li {
	float: left;
	list-style-type: none;	
	margin-right: 10px;
	margin-bottom: 10px;
}

#index #bnr li.last {
	margin-right: 0;
}

#index #bnr img {
	vertical-align: bottom;
}

/* ------- モバイル ------- */

#index #mob {
	width: 177px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1px 0;
	border: solid 1px #e4e4e4;
	background-color: #ffffff;
}

#index #mob img {
	margin: 0;
	vertical-align: middle;
}

#index #mob img.title {
	margin: 0 11px 0 12px;
}


/* --------------------------------
 検鷺,級普yージ用澄2・
-------------------------------- */

#searchWord {
	margin-top: 22px;
	padding: 0.3em 9px;
	vertical-align: middle;
	font-size: 120%;
	color: #988c57;
	border: solid 1px #e4e4e4;
	background-color: #f7f7f7;
}

.pageNavi {
	margin: 15px 0;
	font-size: 120%;
	line-height: 1.2;
	padding-bottom: 5px;
	background: url(../common/dot_blk.gif) repeat-x left bottom;
}

#listBody {
	margin: 30px 0;
}

#listBody h2 {
	margin-bottom: 5px;
	font-size: 140%;
	line-height: 1.4;
}

#listBody p {
	margin-bottom: 30px;
}

.pageNavi .pages {
	margin-left: 30px;
}

/* ------- 検鷺#Gリア ------- */

#left #search #textInput {
	width: 430px;
	color: #666666;
}


/* --------------------------------
 酷+・哩L毎蝠翼yージ用澄2・
-------------------------------- */

#listBody h2 {
	font-size: 120%;
}

#listBody .info {
	margin:0 0 20px 0;
	/*color: #999;*/
	line-height: 1.2;
}


/* --------------------------------
 相i冗馴(蝠覧p澄2・
-------------------------------- */

#listQual img {
	vertical-align: text-bottom;
}

#listQual li {
	list-style-type: none;
	display: block;
	width: 166px !important;
	width: 162px;
	float: left;
	margin: 10px 4px 0;
	/*border: solid 1px #FF0000;*/
}

/* --------------------------------
 掲ｦ泊頻澄2・
-------------------------------- */

.indent {
	margin-left: 2em;
	padding-top: 5px;
	text-indent: -2em;
}
.commentBox {
	width: 530px;
	overflow: auto;
	margin-bottom: 20px;
}

.commentBox .personal {
	width: 120px;
	float: left;
	padding-top: 12px;
}

.commentBox .personal .name {
	color: #11a6ea;
}

#free .commentBox .personal .name {
	color: #fa31cd;
}

.commentBox .comment {
	width: 398px;
	float: right;
	border: solid 1px #f6f6f6;
	background: url(../common/bg_board.gif);
}

.commentBox .comment p {
	margin: 10px 12px 12px 14px;
	line-height: 1.5;
}

#free h2.txt {
	font-size: 120%;
	margin-bottom: 15px;
	padding: 3px;
	background: #e6e6e6;
	font-weight: normal;
	color: #666666;
}

#free h3 {
	font-size: 120%;
	margin-bottom: 15px;
	padding: 3px;
	background-color: #e6e6e6;
	font-weight: normal;
}

#free .pageNavi {
	padding-top: 8px;
	background: url(../common/dot_blk.gif) repeat-x left top;
	text-align: center;
}

.formTable th {
	width: 132px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 12px 0 12px 8px;
	background: url(../common/bg_board.gif);
	border-bottom: solid 2px #ffffff;
	color: #11a6ea;
}

#free .formTable th {
	color: #fa31cd;
}

.formTable td {
	vertical-align: top;
	padding: 10px 0 10px 8px;
}

.formTable input {
	/*font-size: 120%;*/
	color: #666666;
}

.btnForm {
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	background: url(../common/dot_blk.gif) repeat-x left top;
}

.btnForm input {
	margin: 0 10px;
}

ul.notice {
	margin-left: 2em;
}

/* --------------------------------
 ビジネススタイル用澄2・
-------------------------------- */

#bizstyle .body {
	float: left;
}

#bizstyle .body .menu {
	float: left;
	width: 265px;
	height: 80px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 1.4;
}

#bizstyle .body .menu p {
	margin: 0;
	padding: 0 15px 0 0;
}

#bizstyle .body .none {
	background: none;
}

#bizstyle .body .menu .img {
	float: left; 
	margin: 0;
}

#bizstyle .body .menu .text {
	float: right;
	margin: 0;
	padding: 0;
	width: 196px;
}

#bizstyle .body .menu h4 {
	margin-bottom: 5px;
}

#bizstyle .recent {
	text-align:right;
	margin-bottom: 13px;
	padding-bottom: 2px;
	border-bottom: solid 1px #ccc;
}

ul#bizMap {
	position: relative;
	width: 507px;
	height: 430px;
	margin-top: 20px;
	background: url(../common/bg_bizmap.gif) top left no-repeat;
}

#bizMap li {
	position: absolute;
	list-style-type: none;
}

#bizMap li strong {
	padding: 2px 4px;
	background-color: #e7f6fd;
	font-weight: normal;
}

#bizMap li ul {
	margin-top: 3px;
}

#bizMap li li {
	position: static;
	list-style-type: none;
	font-size: 90%;
}

#bizMap li.map01 {
	top: 115px;
	right: 5px;
}

#bizMap li.map02 {
	top: 110px;
	left: 274px;
}

#bizMap li.map03 {
	top: 227px;
	left: 426px;
}

#bizMap li.map04 {
	top: 156px;
	left: 192px;
}

#bizMap li.map05 {
	top: 303px;
	left: 307px;
}

#bizMap li.map06 {
	top: 324px;
	left: 220px;
}

#bizMap li.map07 {
	top: 173px;
	left: 94px;
}

#bizMap li.map08 {
	top: 207px;
	left: 0px;
}

#bizMap li.map09 {
	top: 26px;
	left: 101px;
}

#bizstyle h2 {
	margin-top: 0;
}

#bizstyle .postlist {
	margin: 8px 0 0 0;
}

#bizstyle .postlist li {
	list-style-type: none;	
	font-size: 110%;
	line-height: 1.4;
	margin-top: 5px;
	padding: 0 0 0 0.7em;
	background: url(../common/arrow_right.gif) no-repeat #fff 0 0.6em;
}

#bizstyle .postlist li a {
	font-size: 120%;
}

#bizstyle .postlist li .blog {
	color: #11a6ea;
}


/* --------------------------------
 ミニウィンドウ用澄2・
-------------------------------- */


#mWin #container {
	width: 600px;
	margin: 0 auto;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

#mWin #contents {
	padding: 20px 20px 0 20px;
}

#mWin #contents {
	background: none;
}

#mWin ol {
padding-left: 8px;
}

#mWin ol li {
	list-style-position: outside;
	margin: 0 10px 12px 10px;
}

#mWin #contents .btn {
	margin-top: 20px;
	text-align: center;
}

#mWin #contents .btn a {
	margin: 0 auto;
	padding: 3px 8px;
	display:block;
	width: 4em;
	border: solid 1px #c4c4c4;
}