/*----- common page styles ----------------------------------------*/
/* ie:mac interprets the first available font for all languages!! */
/*-- not ie:mac --*/
/*\*/ html { font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,Arial,'ＭＳ Ｐゴシック',sans-serif; } /**/
/*-- ie:mac only --*/
/*\*//*/ html { font-family: 'ヒラギノ角ゴ Pro W3',Osaka; } /**/
html, body, td {
	font-size: 12px;
	line-height: 150%;

}
html * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	background-repeat: no-repeat;
	background-position: top left;
	border-width: 0px;
	border-style: solid;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #f3f3f3;
	background-repeat: repeat-x;
	background-position: 0px 84px;
}
body.blu, body.org, body.tea { background-image: url(../_cmn/fill_mmenu.gif); }
body.tea { background-position: 0px 121px; }

/*----- default tag styles ----------------------------------------*/

/*-- default <table> styles --*/
table {
	border: none;
	border-spacing: 0px; /* ie:mac doesn't recognize this! Use cellspacing="0" */
	empty-cells: show;
}
td {
	color: inherit;
	padding: 0px;
}
/*-- default <img> styles --*/
img {
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	border: none;
}

/*----- page framing ----------------------------------------*/
#pg_all {
	width: 780px;
	height: 100%;
}
body#full_w { padding: 0px 12px; }
body#full_w #pg_all {
	width: 100%;
	height: 100%;
}
.top_pad { padding-top: 12px; }
#pg_head {
	width: 100%;
}
#pg_head .nav_site, #pg_head .nav_sub, #pg_head .nav_fill {
	white-space: nowrap;
	text-align: right;
}
#pg_head .nav_sub, #pg_head .nav_fill { background-color: #fff; }
#pg_head .nav_site img { height: 38px; }
#pg_head .nav_sub img { height: 17px; }

#nav_main, #nav_service { background-color: #fff; }
#nav_main, #nav_service table { width: 100%; }
#nav_service { border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 0px 4px; }

.btn_row { background-color: #fff; white-space: nowrap; }
#nav_service .btn_row { padding-bottom: 4px; }

#pg_foot {
	vertical-align: top;
	height: 100%;
}
.w100 { width: 100%; }

/*----- common style ----------------------------------------*/

h1, h2, h3, h4, h5 { font-weight: normal; padding: 0px; margin: 0px; }
h1, .txt-xl, .ttl-pg, .ttl-l { font-size: 18px; line-height: 130%; }
h2, .txt-l, .ttl-m { font-size: 15px; line-height: 130%; }
h3, .txt-m, .ttl-s { font-size: 13px; line-height: 130%; }
h4, .txt-s, .ttl-xs,
.item, .item_blu, .item_grn, .item_org, .item_tea { font-size: 11px; line-height: 130%; }
h5, .txt-xs, .note { font-size: 10px; line-height: 130%; }
p { padding: 0px; margin: 0px 0px 12px 0px; }
img { font-size: 10px; line-height: 100%; }
.nopad { padding: 0px; }
.nopad-t { padding-top: 0px; }
.nopad-b { padding-bottom: 0px; }

.blk { color: #000; }
/*----- anchor styles ----------------------------------------*/

a { color: #395eac; line-height: 125%; }
.blu a { color: #395eac; }
.grn a { color: #339978; }
.org a { color: #b36800; }
.tea a { color: #1e88ae; }
a:hover, .blu a:hover, .grn a:hover, .org a:hover, .tea a:hover { color: #666; }

/*-- anchor icons --*/
div.link, a.link, a.other, a.anchor, a.mail {
	background-repeat: no-repeat;
	background-position: left center;
}
div.link, a.link, a.other, a.anchor { padding-left: 11px !important; }
a.mail { padding-left: 17px; }

a.link { background-image: url(../_cmn/dot_link_n.gif); }
a:hover.link { background-image: url(../hosting/_cmn/dot_link_o.gif); }
.org a:hover.link { background-image: url(../beblog/_cmn/dot_link_o.gif); }
.tea a:hover.link { background-image: url(../mail/_cmn/dot_link_o.gif); }

div.link { background-image: url(../hosting/_cmn/dot_link_a.gif); }
.org div.link { background-image: url(../beblog/_cmn/dot_link_a.gif); }
.tea div.link { background-image: url(../mail/_cmn/dot_link_a.gif); }

a.other { background-image: url(../_cmn/dot_other_n.gif); }
a:hover.other { background-image: url(../hosting/_cmn/dot_other_o.gif); }
.org a:hover.other { background-image: url(../beblog/_cmn/dot_other_o.gif); }
.tea a:hover.other { background-image: url(../mail/_cmn/dot_other_o.gif); }

a.anchor { background-image: url(../_cmn/dot_anchor_n.gif); }
a:hover.anchor { background-image: url(../hosting/_cmn/dot_anchor_o.gif); }
.org a:hover.anchor { background-image: url(../beblog/_cmn/dot_anchor_o.gif); }
.tea a:hover.anchor { background-image: url(../mail/_cmn/dot_anchor_o.gif); }

a.mail { background: url(../_cmn/icn_mail_n.gif) no-repeat left center; padding-left: 17px; }
a:hover.mail { background-image: url(../hosting/_cmn/icn_mail_o.gif); }
.org a:hover.mail { background-image: url(../beblog/_cmn/icn_mail_o.gif); }
.tea a:hover.mail { background-image: url(../mail/_cmn/icn_mail_o.gif); }

a.pdf { background: url(../_cmn/icn_pdf-s.gif) no-repeat left center; padding-left: 15px; }

/*-- big anchor icons --*/

a.link-b, a.other-b {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px !important;
}

a.link-b { background-image: url(../_cmn/dot-b_link_n.gif); }
a:hover.link-b { background-image: url(../hosting/_cmn/dot-b_link_o.gif); }
.org a:hover.link-b { background-image: url(../beblog/_cmn/dot-b_link_o.gif); }
.tea a:hover.link-b { background-image: url(../mail/_cmn/dot-b_link_o.gif); }

a.other-b { background-image: url(../_cmn/dot-b_other_n.gif); }
a:hover.other-b { background-image: url(../hosting/_cmn/dot-b_other_o.gif); }
.org a:hover.other-b { background-image: url(../beblog/_cmn/dot-b_other_o.gif); }
.tea a:hover.other-b { background-image: url(../mail/_cmn/dot-b_other_o.gif); }

/*----- list styles ----------------------------------------*/

li { margin-top: 8px; }

/*----- basic color style ----------------------------------------*/

h1, h2, h3, h4, .ttl-pg, .ttl-l, .ttl-m, .ttl-s, .ttl-xs, .note { color: #395eac; }
.txt-blu, .item_blu, .blu h1, .blu h2, .blu h3, .blu h4,
.blu .ttl-pg, .blu .ttl-l, .blu .ttl-m, .blu .ttl-s, .blu .ttl-xs, .blu .note { color: #395eac; }
.txt-grn, .item_grn, .grn h1, .grn h2, .grn h3, .grn h4,
.grn .ttl-pg, .grn .ttl-l, .grn .ttl-m, .grn .ttl-s, .grn .ttl-xs, .grn .note { color: #339978; }
.txt-org, .item_org, .org h1, .org h2, .org h3, .org h4,
.org .ttl-pg, .org .ttl-l, .org .ttl-m, .org .ttl-s, .org .ttl-xs, .org .note { color: #b36800; }
.txt-tea, .item_tea, .tea h1, .tea h2, .tea h3, .tea h4,
.tea .ttl-pg, .tea .ttl-l, .tea .ttl-m, .tea .ttl-s, .tea .ttl-xs, .tea .note { color: #1e88ae; }

/*----- header styles ----------------------------------------*/
/*
.header { padding-top: 12px; }
.header .nav-m img { height: 22px; }
.header .nav-s img { height: 20px; }
*/
/*----- popup styles ----------------------------------------*/

#poparea { background-color: #fff; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: dotted 1px #999; }
.popmenu {
	background: url(../_cmn/pop_arr.gif) no-repeat center top;
	position: relative;
	overflow: hidden;
	padding: 8px 0px 4px;
}
.popmenu td {
	background: url(../_cmn/pop_fill.gif) repeat-x scroll 0% 0%;
	vertical-align: top;
	padding: 4px 0px;
}
.popmenu .left { width: 4px; background: url(../_cmn/pop_cap-l.gif) no-repeat scroll 0% 0%; }
.popmenu .right { width: 4px; background: url(../_cmn/pop_cap-r.gif) no-repeat scroll 100% 0%; }
.popmenu .cmpt { font-size: 11px; }
.popmenu .ttl { border-bottom: solid 1px #ccc; margin-left:4px }
.popmenu a { line-height: 130%; text-decoration: none; white-space: nowrap; padding: 1px 8px 1px 11px; display: block; }
.popmenu a:hover { background-color: #e6e6e6; }

/*
.popmenu a { background: url(../_cmn/dot_link_n.gif) no-repeat left center; }
.blu .popmenu a:hover { background-image: url(../_cmn/dot_link_o.gif); }
.org .popmenu a:hover { background-image: url(../_cmn/dot_link_o.gif); }
.tea .popmenu a:hover { background-image: url(../_cmn/dot_link_o.gif); }*/

/*----- body/column styles ----------------------------------------*/

.body { border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 12px; }
.col-l { padding: 0px 12px 0px 0px; border-right: dotted 1px #999; width: 237px; }
.col-m { padding: 0px 0px 0px 12px; width: 492px; }
.col-f { padding: 0px 0px 0px 0px; width: 728px; }

/*----- body nav styles ----------------------------------------*/

.body .nav { font-size: 10px; line-height: 15px; padding-top: 12px; margin-top: 8px; border-top: dotted 1px #999; }
.body .nav a { text-decoration: none; }
.body .nav a:hover { text-decoration: underline; }

/*----- footer styles ----------------------------------------*/

#pg_foot { background-color: #ccc; padding: 6px 8px 12px 8px; border-top: solid 8px #6698ff; }
#pg_foot { font-size: 10px; line-height: 13px; }
#pg_foot a { text-decoration: none; }
#pg_foot a:hover { text-decoration: underline; }
.blu #pg_foot { border-top: solid 8px #6698ff; }
.grn #pg_foot { border-top: solid 8px #36e3aa; }
.org #pg_foot { border-top: solid 8px #ff9500; }
.tea #pg_foot { border-top: solid 8px #47c1eb; }
.copyright { font-size: 9px; font-family: Arial; }
.syndicate { font-size: 10px; text-align: center; white-space: nowrap; }

/*----- section/title styles ----------------------------------------*/

.sec, .sec-nl { padding: 12px 8px; }
.sec-sub, .sec-sub-nl { padding-top: 12px; }
.sec, .sec-sub { border-top: dotted 1px #999; }
.col-l .sec, .col-l .sec-nl { font-size: 11px; line-height: 130%; padding: 6px; }
.ttl-pg, .ttl-l, .ttl-m, .ttl-s { line-height: 130%; padding-bottom: 4px; }
.ttl-pg { padding: 8px 0px 4px 0px; }
.ttl-s { padding-bottom: 2px; }
.note { color: #666; line-height: 130%; border-top: solid 1px #e6e6e6; }

/*----- function list styles ----------------------------------------*/

.funclist .ttl-pg, .funclist .ttl-l, .funclist .ttl-s, .funclist .item,
.funclist .item_blu, .funclist .item_grn, .funclist .item_org, .funclist .item_tea { border-bottom: dotted 1px #999; }
.funclist .ttl-s { line-height: 130%; background-color: #f3f3f3; padding: 0px 2px 0px 4px; }
.funclist .item { line-height: 130%; height: 19px; padding: 1px 0px; }
.funclist .note { line-height: 130%; border-top: solid 1px #e6e6e6; padding: 0px 0px 1px 2px; margin-top:2px; }

/*----- function list styles ----------------------------------------*/

.itemlist .ttl-pg, .itemlist .ttl-l, .itemlist .ttl-s, .itemlist .ttl-xs, .itemlist .item,
.itemlist .item_blu, .itemlist .item_grn, .itemlist .item_org, .itemlist .item_tea { border-bottom: dotted 1px #999; }
.itemlist .ttl-s { line-height: 150%; background-color: #f3f3f3; border-top: dotted 1px #999; }
.itemlist .ttl-xs { line-height: 150%; padding-right: 8px; }
.itemlist .item { line-height: 150%; padding: 3px 0px; }
.itemlist .note { line-height: 130%; border-top: solid 1px #e6e6e6; padding: 0px 0px 1px 2px; margin-top:2px; }

/*----- link list styles ----------------------------------------*/

.linklist { font-size: 11px; line-height: 15px; padding: 2px 6px 8px 6px; }
.linklist .links { line-height: 130%; margin-left: 6px; }
.links .links { margin-left: 9px; }
.linklist .links a { text-decoration: none; padding: 1px 0px; display: block; }
.linklist .links div { padding: 1px 0px; }
.linklist .links a:hover { background-color: #e6e6e6; }

/*----- link list styles ----------------------------------------*/

.bnrlist { font-size: 11px; line-height: 15px; text-align: center; border-top: dotted 1px #999; padding: 4px 0px; }
a.banner img { margin: 4px 0px; padding: 0px 4px; }
a:hover.banner img { border: solid #999; border-width: 0px 1px; padding: 0px 3px; }

/*----- news entry styles ----------------------------------------*/

.news-entry { border-top: dotted 1px #999; padding: 8px 8px 32px 8px; }
.news-entry .ttl-s { padding: 0px 0px 4px; margin: 0px; }
.news-entry .date { color: #999; font-size: 11px; line-height: 130%; font-weight: bold; }
.news-entry .kiji { border-bottom: solid 1px #ccc; }
.news-entry .info { color: #666; font-size: 11px; line-height: 130%; text-align: right; }
.news-entry .info a { text-decoration: none; padding: 1px 0px; }
.news-entry .info a:hover { text-decoration: underline; }
.news-entry .oo, .news-entry .bb, .news-entry .ms { padding-left: 16px; }
.news-entry .oo { background-image: url(../_cmn/icn_news-oo_n.gif); }
.news-entry .bb { background-image: url(../_cmn/icn_news-bb_n.gif); }
.news-entry .ms { background-image: url(../_cmn/icn_news-ms_n.gif); }
.news-entry .date { float: right; clear: right; border-left: solid 1px #ccc; padding-left: 4px; margin-left: 4px; }
.news-entry p { margin-bottom: 8px; }

/*----- news list styles ----------------------------------------*/

.newslist { font-size: 11px; line-height: 14px; padding: 0px 6px 6px 6px; }
.newslist .entry { padding: 2px; line-height:130%; }
.newslist .oo, .newslist .bb, .newslist .ms { color: #666; padding: 0px 0px 2px 16px; display: block; }
.newslist .oo { background-image: url(../_cmn/icn_news-oo_n.gif); }
.newslist .bb { background-image: url(../_cmn/icn_news-bb_n.gif); }
.newslist .ms { background-image: url(../_cmn/icn_news-ms_n.gif); }
.newslist .entry:hover .oo { background-image: url(../_cmn/icn_news-oo_o.gif); }
.newslist .entry:hover .bb { background-image: url(../_cmn/icn_news-bb_o.gif); }
.newslist .entry:hover .ms { background-image: url(../_cmn/icn_news-ms_o.gif); }
.newslist .date { font-size: 10px; font-weight: bold; float: right; clear: right; padding-left: 4px; }
.newslist a { text-decoration: none; padding: 1px 0px 4px 0px; border-bottom: solid 1px #ccc; display: block; }
.newslist a:hover { background-color: #e6e6e6; }

/*----- q&a entry styles ----------------------------------------*/

.qa-entry { border-top: dotted 1px #999; padding: 7px 8px; }
.qa-entry a.question { font-size: 15px; line-height: 18px; text-decoration: none; padding: 1px 4px; margin: 1px 0px; display: block; }
.qa-entry a:hover.question, .qa-entry #o { background-color: #e6e6e6; }
.qa-entry a:hover.question { text-decoration: underline; }
.qa-entry #o { border-top: dotted 1px #999; border-bottom: dotted 1px #999; margin: 0px; }
.qa-entry .answer { margin: 8px 8px 0px 32px; }
.qa-entry .icn { vertical-align: text-bottom; border: none; margin-right: 4px; }

/*----- float styles ----------------------------------------*/

.float-l { float: left; clear: left; padding: none; margin: 0px 8px 0px 0px; }
.float-r { float: right; clear: right; padding: none; margin: 0px 0px 0px 8px; }
img.float-l, img.float-r, .float-l img, .float-r img { margin-top: 2px; margin-bottom: 2px; }
.btn-pgtop, .btn-pgtop-up, .btn-pgtop-dn { float: right; cursor: pointer; }
.btn-pgtop-up { margin: -12px -8px 0px 0px; }
.btn-pgtop-dn { margin: 0px -8px 0px -12px; }

/*----- form elements ----------------------------------------*/

.f_tbl td { padding: 4px; }
.f_tbl td td { padding: 0px; }
.f_tbl .ttl-s { background-color: #f3f3f3; border-bottom: dotted 1px #999; padding: 1px 0px; }
.f_tbl .sec { border-bottom: dotted 1px #999; border-top: none; padding: 4px 4px 8px 4px; }
.f_tbl .sec-nl { padding: 8px 4px 4px 4px; }
.f_inset, select, textarea {
	background-color: #f3f3f3;
	border: solid 1px;
	border-color: #ccc #e6e6e6 #e6e6e6 #ccc;
	width: 320px;
	}
.f_outset, button, select {
	background-color: #ff9500;
	text-align: center;
	border: solid 1px;
	border-color: #ffb54c #b36800 #b36800 #ffb54c;
	width: 80px;
	cursor: pointer;
	}
select {
	background-color: #f3f3f3;
	text-align: center;
	border-color: #e6e6e6 #ccc #ccc #e6e6e6;
	width: 200px;
	}
button { color: #fff; }
.blu button { background-color: #6698ff; border-color: #99baff #395eac #395eac #99baff; }
.grn button { background-color: #36e3aa; border-color: #79ecc7 #339978 #339978 #79ecc7; }
.org button { background-color: #ff9500; border-color: #ffb54c #b36800 #b36800 #ffb54c; }
.tea button { background-color: #47c1eb; border-color: #8cd8f3 #1e88ae #1e88ae #8cd8f3; }
#chkList td { padding: 0px 2px 2px 0px; }

/*----- misc styles ----------------------------------------*/

.hyou_brdr { border: solid #999; }

#beblog_update h2 { display: none; }
#beblog_update ul, #beblog_update li { margin: 0px; padding: 0px; }
#beblog_update li { list-style: none; }
#beblog_update a {
	text-decoration: none;
	background: url(../_cmn/dot_link_n.gif) no-repeat left center;
	padding: 1px 6px 1px 11px;
	display: block;
	}
#beblog_update a:hover {
	background-color: #e6e6e6;
	background-image: url(../beblog/_cmn/dot_link_o.gif);
}