@charset "UTF-8";

/* body
--------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, li, dl, dt, dd, table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	line-height: 1;
}
body {
	background-color: #ffffff;
	color: #333333;
	font-size: 14px;
	*font-size: 87.5%;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
}
html,body { /*height: 100%;*/ }
h1,h2,h3,h4,h5 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
}
ul li, ol li { list-style-type: none; }
img { border: 0; vertical-align: bottom; }
a, a:link, a:visited, a:hover { color: #333; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
hr { display: none; }
ul li, ol li, th, td, dl dt, dl dd, p { font-size: 100%; line-height: 1.6; }
li li, th li, td li, dd li, dl dd p, td th, td td, th p, td p, li p { font-size: 100%; }
*:first-child+html * { letter-spacing: 0; }
.indention { text-indent: -1em; margin-left: 1em; }
.clear { clear: both; display: block; }
.clearfix, ul { zoom:1; }
.clearfix:after, ul:after { content:""; display: block; clear: both; }
.txtl { text-align: left !important; }
.txtr { text-align: right !important; }
.txtc { text-align: center !important; }
.txtlarge { font-size: 110%; }
.txtmini { font-size: 90%; }
.mini { font-size: 75%; }
.txtm { font-size: 84%; }
.txtlar { font-size: 110%; }
.fl { float: left; }
.fr { float: right; }
.list { margin-bottom: 20px; }
.list li { list-style-type: disc; margin-left: 20px; padding-bottom: 5px; }
em, strong { font-style: normal; font-weight: bold; }
p { margin-bottom: 0; }
img.over { /*background: #fff;*/ }
.indention, .indention li { text-indent: -1em; margin-left: 1em; }
ul.indention { text-indent: 0; margin-left: 0; }
.caution { color: #C00; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.lespace { letter-spacing: -0.03em !important; }
.lespace1 { letter-spacing: -0.01em !important; }
.lespace2 { letter-spacing: -0.001em !important; }
.placeholder { color: #999; }
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
:placeholder {color:#999;}
.note { margin-left:1em; text-indent:-1em; margin-bottom: -2em; line-height:1.4; font-size: 75%; }
a.decor-n { text-decoration: none !important; }
a.decor-u { text-decoration: underline !important; }
a.decor-u:hover { color: #666; }
a.external {
	background: url(../images/icon_external.png) no-repeat right center;
	padding-right: 14px;
	zoom: 1;
}
.pdf {
	background: url(../images/icon_pdf.png) no-repeat right 0;
	padding: 0 25px 10px 0;
}
.xls {
	background: url(../images/icon_xls.png) no-repeat right 2px;
	padding: 0 20px 10px 0;
}
.fb_iframe_widget{ z-index: 101; } /* FB用 */
.disp_none { display: none; }

/* list */
ul.list li {
	background: url(../images/icon_arrow02.png) no-repeat left 5px;
	padding: 0 0 5px 18px;
}
ul.list li a { text-decoration: underline; }
ul.list li a:hover { color: #666; }
ol.dec li {
	list-style-type: decimal;
	margin-left: -10px;
}

/* old_ver */
.img-floatL { float:left; padding: 0 20px 20px 0;}
.img-floatR { float:right; padding: 0 0 20px 20px; }

/* table */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
th, td { border: 0; }
table.base { margin: 0 auto 25px; }
table.base th, table.base td {
	border: 1px solid #CCC;
	padding: 12px 12px;
}
table.base th {
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}
table.base th.middle {
	vertical-align: middle;
}
table.base th.left {
	text-align: left;
	white-space: nowrap;
}
table.base td p { margin-bottom: 15px !important; }
li table.base th,
li table.base td { font-size: 100%; }

/* pre, blockquote */
pre, code { font-size: 12px Consolas,"Liberation Mono",Courier,monospace; }
blockquote { border-left: 4px solid #ddd; padding: 0 15px; color: #777; }

/* for smartphone */
.sp_disp { display: none; }


/* header (for smt)
--------------------------------------------------------------------------*/
.look-smt {
	background: #DFDFDF;
	display: none;
}
.look-smt a {
	display: block;
	padding: 10px 30px 10px 15px;
	text-align: center;
	font-size: 115%;
	text-decoration: none;
}
.look-smt img {
	vertical-align: middle;
	padding-left: 8px;
	width: 23px;
	height: auto;
}

/* Retina display */
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 2dppx) {
.look-smt {
	background: #DFDFDF;
	display: none;
}
.look-smt a {
	display: block;
	padding: 48px 30px 42px 15px;
	text-align: center;
	font-size: 320%;
	text-decoration: none;
}
.look-smt img {
	vertical-align: middle;
	padding-left: 8px;
	width: 46px;
	height: auto;
}
}


/* inbox
--------------------------------------------------------------------------*/
#inbox {
	width: 100%;
	min-width: 1020px;
	background: #fff;
	overflow: hidden;
}


/* header
--------------------------------------------------------------------------*/
#page-header {
	background: #fff;
	height: 159px;
}
#page-header .header-inner {
    width: 1020px;
	margin: 0 auto;
}
#page-header h1 {
	float: left;
	margin-top: 10px;
}
#page-header .header-menu {
	float: right;
	width: 722px;
	height: 85px;
	position: relative;
	background: url(../images/header_line.png) no-repeat bottom;
}
/*#page-header .header-menu .social-nav {
	position: absolute;
	top: 12px;
	right: 340px;
	width: 100px;
}
#page-header .header-menu .social-nav li {
	float: left;
	padding-right: 10px;
}*/
#page-header .header-menu .social-btn {
	position: absolute;
	top: 10px;
	right: 340px;
	width: 200px;
}
#page-header .header-menu .social-btn li {
	float: left;
	padding-right: 5px;
}
#page-header .header-menu .social-btn li.tw {
	padding-top: 41px;
}
#page-header .header-menu .utility-nav {
	position: absolute;
	top: 12px;
	right: 0;
}
#page-header .header-menu .utilitys-nav {
	position: absolute;
	top: 40px;
	right: 64px;
}
.webkit #page-header .header-menu .utilitys-nav {
	position: absolute;
	top: 40px;
	right: 63px;
}
#page-header .header-menu .utility-nav li {
	float: left;
	margin-left: 20px;
	background: url(../images/icon_arrow02.png) no-repeat left 4px;
	padding-left: 17px;
}
#page-header .header-menu .utility-nav li.obstacle {
	background: url(../images/icon_arrow07.png) no-repeat left 4px;
}
#page-header .header-menu .utilitys-nav li {
	float: left;
	margin-left: 27px;
	background: url(../images/icon_arrow07.png) no-repeat left 4px;
	padding-left: 17px;
}
#page-header .header-menu .utility-nav li a,
#page-header .header-menu .utilitys-nav li a {
	font-weight: bold;
    color: #666;
}
#page-header .header-menu .beginner a {
    color: #666;
	text-decoration: none;
}
#page-header .header-menu .beginner {
	position: absolute;
	top: 0;
	right: 255px;
	background: #E5FAB9;
	font-weight: bold;
	letter-spacing: -0.01em;
	display: block;
	padding: 4px 16px 4px;
	line-height: 30px;
	text-decoration: none;
	border-radius: 0 0 5px 5px;
}
#page-header .header-menu .beginner span {
	background: url(../images/icon_beginner_m.png) no-repeat scroll 0 50%;
	display: block;
	padding-left: 18px;
}
#page-header .header-menu .beginner:hover {
	background: #D1F587;
}
#page-header .gsearch-box {
	position: absolute;
	top: 39px;
	right: 0;
}
#page-header .gsearch-box .text-input {
	width: 270px;
	border: 1px solid #ddd;
	font-size: 100%;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	padding: 3px 4px;
	vertical-align: middle;
	box-shadow: 0 0 2px #ddd;
	border-radius: 4px;
	background-clip: padding-box;
	vertical-align: baseline;
}
#page-header .gsearch-box .search-button {
	background: url(../images/icon_searchbox.png) no-repeat 50% 50% #73a71f;
	box-shadow: none;
	border-style: none;
	border-radius: 2px;
	line-height: 28px;
    width: 70px;
	vertical-align: middle;
}
#page-header .gsearch-box .search-button:hover,
#page-header .gsearch-box .search-button:focus {
	background: url(../images/icon_searchbox.png) no-repeat 50% 50% #88B440;
}
#page-header .login-list {
	position: absolute;
	top: -1px;
	right: 370px;
}
#system #page-header .login-list {
	position: absolute;
	top: -1px;
	right: 22%;
}
#page-header .login-list li {
	float: left;
	padding-right: 8px;
}
#page-header .login-list .login,
#page-header .login-list .mypage {
	background: #eafbc6;
    color: #333333;
	display: block;
    font-size: 85%;
	padding: 8px 14px;
	line-height: 22px;
    text-align: center;
	text-decoration: none;
	border: 1px solid #EFEFEF;
	width: 80px;
	border-radius: 0 0 5px 5px;
}
#page-header .login-list .login span {
	background: url(../images/icon_login.png) no-repeat scroll 0 50%;
	display: block;
	padding-left: 18px;
}
#page-header .login-list .mypage span {
	background: url(../images/icon_mypage.png) no-repeat scroll 0 50%;
	display: block;
	padding-left: 18px;
}
#page-header .login-list .login:hover,
#page-header .login-list .mypage:hover {
	background: #E1FAAD;
}
#page-header .global-nav {
	clear: both;
	background: url(../images/bg_gnavi.gif) no-repeat right bottom;
}
#page-header .global-nav li {
    float: left;
    font-size: 95%;
    height: 67px;
    width: 145px;
    position: relative;
}
#page-header .global-nav li:after {
    border-left: 1px solid #ddd;
    position: absolute;
    bottom: -3px;
    height: 3.5em;
    width: 1px;
    content: "";
}
#page-header .global-nav li a {
    display: block;
    line-height: 52px;
    padding-top: 15px;
    text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 75%, #eee 100%);
}
#page-header .global-nav li.news {
	border-bottom: 3px solid #FF6666;
}
#page-header .global-nav li.hp_product {
	border-bottom: 3px solid #955694;
}
#page-header .global-nav li.hp_use {
	border-bottom: 3px solid #3366CC;
}
#page-header .global-nav li.traffic {
	border-bottom: 3px solid #0099FF;
}
#page-header .global-nav li.ec {
	border-bottom: 3px solid #8ABA2A;
	width: 149px;
}
#page-header .global-nav li.seo {
	border-bottom: 3px solid #F6C500;
}
#page-header .global-nav li.user {
	border-bottom: 3px solid #FF9933;
}
#page-header .global-nav li a,
#page-header .global-nav li a:link,
#page-header .global-nav li a:active,
#page-header .global-nav li a:visited,
#page-header .global-nav li a:hover {
	text-decoration: none;
}
#page-header .global-nav li a,
#page-header .global-nav li a:link,
#page-header .global-nav li a:active,
#page-header .global-nav li a:visited {
	color: #333333;
}
#page-header .global-nav li.news a:hover,
.news #page-header .global-nav li.news a,
.news #page-header .global-nav li.news a:hover {
	color: #FF6666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #FFEAEA));
	background: -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #FFEAEA 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #FFEAEA 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 75%, #FFEAEA 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #FFEAEA 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 75%, #FFEAEA 100%);
}
#page-header .global-nav li.hp_product a:hover,
.hp_product #page-header .global-nav li.hp_product a,
.hp_product #page-header .global-nav li.hp_product a:hover {
	color: #955694;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #F3ECF3));
	background: -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #F3ECF3 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #F3ECF3 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 75%, #F3ECF3 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #F3ECF3 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 75%, #F3ECF3 100%);
}
#page-header .global-nav li.hp_use a:hover,
.hp_use #page-header .global-nav li.hp_use a,
.hp_use #page-header .global-nav li.hp_use a:hover {
	color: #3366CC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #E8EEF9));
	background: -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #E8EEF9 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #E8EEF9 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 75%, #E8EEF9 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #E8EEF9 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 75%, #E8EEF9 100%);
}
#page-header .global-nav li.traffic a:hover,
.traffic #page-header .global-nav li.traffic a,
.traffic #page-header .global-nav li.traffic a:hover {
	color: #0099FF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #E5F5FF));
	background: -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #E5F5FF 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #E5F5FF 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 75%, #E5F5FF 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #E5F5FF 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 75%, #E5F5FF 100%);
}
#page-header .global-nav li.ec a:hover,
.ec #page-header .global-nav li.ec a,
.ec #page-header .global-nav li.ec a:hover {
	color: #8ABA2A;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #EFF5E2));
	background: -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #EFF5E2 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #EFF5E2 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 75%, #EFF5E2 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #EFF5E2 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 75%, #EFF5E2 100%);
}
#page-header .global-nav li.seo a:hover,
.seo #page-header .global-nav li.seo a,
.seo #page-header .global-nav li.seo a:hover {
	color: #F1B008;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #FEF7DC));
	background: -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #FEF7DC 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #FEF7DC 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 75%, #FEF7DC 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #FEF7DC 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 75%, #FEF7DC 100%);
}
#page-header .global-nav li.user a:hover,
.user #page-header .global-nav li.user a,
.user #page-header .global-nav li.user a:hover {
	color: #FF9933;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #FFF1E3));
	background: -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #FFF1E3 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #FFF1E3 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 75%, #FFF1E3 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #FFF1E3 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 75%, #FFF1E3 100%);
}

/* system */
.system #page-header { height: 100px; }


/* container, main, contents
--------------------------------------------------------------------------*/
#container {
	background: #FFFCF5;
    box-shadow: 0 1px 2px 0 #eee inset;
	-moz-box-shadow: 0 1px 2px 0 #eee inset;
	-webkit-box-shadow: 0 1px 2px 0 #eee inset;
	-ms-box-shadow: 0 1px 2px 0 #eee inset;
}
#container .main {
    width: 1020px;
	margin: 0 auto;
	background: url(../images/img_footer.png) no-repeat center bottom;
	padding: 0 0 120px;
}
#container .main .box {
	background: #fff;
	border: 1px solid #EFEFEF;
	border-radius: 6px;
	box-shadow: 0 0 5px #EFEFEF;
}
#container .main .box .inner {
	padding: 30px;
}
#container .bc-nav {
    width: 1020px;
	margin: 0 auto;
	padding: 10px 0;
}
#container .bc-nav li {
	float: left;
	padding-left: 16px;
	font-size: 75%;
	background: url(../images/icon_bc-navi.gif) no-repeat 7px 50%;
	white-space: nowrap;
}
#container .bc-nav li.home {
	padding-left: 0;
	background: none;
}
#container .bc-nav li.home img {
	margin-top: -1px;
}
#container .bc-nav li a { text-decoration: underline; }
#container .bc-nav { /zoom:1; }
#container .bc-nav:after {
	content : '';
	display : block;
	clear : both;
	height:0;
}

/* contents */
#container .main .contents {
	float: left;
	width: 740px;
	background: #fff;
}
#container .main .aside {
	float: right;
	width: 260px;
}

/* aside */
#container .aside h2 {
	color: #666666;
	font-size: 110% !important;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	border-radius: 6px 6px 0 0;
	padding: 12px 8px 10px 12px;
	height: 20px;
	position:relative;
	background: url(../images/bg_line_s.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_s.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_s.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_s.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_s.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_s.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_s.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_s.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_s.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#container .aside h2 a { color: #666666; }
#container .main .pr-list li {
	margin-bottom: 20px;
	position: relative;
	z-index: 100;
}
#container .main .pr-list li .hmark {
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 101;
}
#container .main .pr-list img,
#container .aside .banner-list img {
	border-radius: 6px;
}
#container .aside .glossary-archive {
	background: #FFF;
	margin-bottom: 20px;
}
#container .aside .glossary-archive .block-word {
	background: #eafbc6;
	border-radius: 0 0 6px 6px;
	padding: 12px 12px 10px;
}
#container .aside .glossary-archive .block-word p {
	font-size: 90%;
	line-height: 1.4;
}
#container .aside .glossary-archive .block-word h3 {
	color: #003366;
	background: none;
	font-size: 110%;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 0 5px;
}
#container .aside .glossary-archive a:hover .block-word {
	background: #e5fab9;
}
#container .aside .glossary-archive a p { color: #333; }
#container .aside .glossary-archive .img {
	text-align: center;
	padding: 4px 0;
}
#container .main .pr-list,
#container .main .access-ranking,
#container .aside .bnr-beginner,
#container .aside .recommend-article,
#container .aside .book-list,
#container .aside .site-list {
	margin-bottom: 20px;
}
#container .main .access-ranking h2 {
	padding: 15px 12px 26px;
    font-size: 100% !important;
    font-weight: bold;
	color: #fff;
	text-shadow: none;
	background: #73A71F;
}
#container .main .access-ranking h2 .period {
	display: block;
	padding-top: 5px;
	font-size: 85%;
	font-weight: normal;
}
#container .main .access-ranking li,
#container .aside .recommend-article li {
	font-size: 95%;
	line-height: 1.4;
	color: #003366;
	border-bottom: 1px solid #ccc;
	-webkit-transition: background-color 1s linear;
}
#container .main .access-ranking li {
	padding: 8px 15px 8px 32px;
}
#container .aside .recommend-article li {
	padding: 10px 15px;
	background: #fff;
}
#container .main .access-ranking li span,
#container .aside .recommend-article li span {
	font-size: 80%;
	line-height: 1.3;
	color: #333;
	padding: 5px 0 0 8px;
}
#container .aside .recommend-article li:hover {
	background: #EFEFEF;
}
#container .aside .recommend-article li.last {
	border-bottom: none;
	border-radius: 0 0 6px 6px;
}
#container .aside .glossary-archive a,
#container .main .access-ranking a,
#container .aside .recommend-article a {
	text-decoration: none;
}
#container .main .access-ranking li.no1 {
	background: url(../images/icon_rank1.png) no-repeat 5px 8px #fff;
}
#container .main .access-ranking li.no2 {
	background: url(../images/icon_rank2.png) no-repeat 5px 8px #fff;
}
#container .main .access-ranking li.no3 {
	background: url(../images/icon_rank3.png) no-repeat 5px 8px #fff;
}
#container .main .access-ranking li.no4 {
	background: url(../images/icon_rank4.png) no-repeat 5px 8px #fff;
}
#container .main .access-ranking li.no5 {
	background: url(../images/icon_rank5.png) no-repeat 5px 8px #fff;
	border-bottom: none;
	border-radius: 0 0 6px 6px;
}
#container .main .access-ranking li.no1:hover {
	background: url(../images/icon_rank1.png) no-repeat 5px 8px #f2fddf;
}
#container .main .access-ranking li.no2:hover {
	background: url(../images/icon_rank2.png) no-repeat 5px 8px #f2fddf;
}
#container .main .access-ranking li.no3:hover {
	background: url(../images/icon_rank3.png) no-repeat 5px 8px #f2fddf;
}
#container .main .access-ranking li.no4:hover {
	background: url(../images/icon_rank4.png) no-repeat 5px 8px #f2fddf;
}
#container .main .access-ranking li.no5:hover {
	background: url(../images/icon_rank5.png) no-repeat 5px 8px #f2fddf;
}
#container .main .site-list { background: #fff; }
#container .main .site-list li { padding: 8px 10px 0; }
#container .main .site-list li.last { padding-bottom: 12px; }
#container .main .site-list li p {
	color: #666;
	font-size: 80%;
	line-height: 1.2;
	padding-top: 5px;
}
#container .aside .book-list { background: #fff; position: relative; }
#container .aside .book-list .prev { position: absolute; top: 150px; left: 10px; }
#container .aside .book-list .next { position: absolute; top: 150px; right: 10px; }
#container .aside .book-list .inner { padding: 18px 15px 15px !important; }
#container .aside .book-list .bxslider li img { margin: 0 auto; }
#container .aside .book-list .bxslider li h3 {
	color: #3366CC;
	background: none;
	font-size: 100%;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	margin: 10px 0 0 !important;
	padding: 0;
}


/* footer
--------------------------------------------------------------------------*/
#page-footer {
	width: 100%;
	clear: both;
	min-height: 395px;
	height: 100%;
	background: url(../images/bg_footer.gif) repeat-x center top #73A71F;
}
#page-footer .footer-inner {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}
#page-footer .footer-inner .footer-nav {
	padding-top: 40px;
}
#page-footer .footer-inner .footer-nav a,
#page-footer .footer-inner .footer-nav a:link {
	color: #FFF;
}
#page-footer .footer-inner .footer-nav h4 {
	background: url(../images/icon_arrow01.png) no-repeat left 0;
	padding-left: 17px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
}
#page-footer .footer-inner .unit,
#page-footer .footer-inner .unit-last {
	float: left;
	width: 254px;
}
#page-footer .footer-inner .unit .item,
#page-footer .footer-inner .unit-last .item {
	border-left: 1px solid #ADCF6A;
	padding: 4px 20px 10px 8px;
}
#page-footer .footer-inner .unit .item li,
#page-footer .footer-inner .unit-last .item li {
	margin-left: 5px;
	font-size: 90%;
	line-height: 1.4;
	padding-bottom: 5px;
}
#page-footer .footer-inner .unit .item li a,
#page-footer .footer-inner .unit-last .item li a {
	background: url(../images/icon_fnavi.png) no-repeat left 6px;
	display: inline-block;
	padding-left: 10px;
	zoom: 1;
}
#page-footer .footer-inner .unit .last,
#page-footer .footer-inner .unit-last .last {
	margin-bottom: 0;
}
#page-footer p.txtc {
	color: #fff;
	font-size: 90%;
	padding-top: 35px;
}
#page-footer p.copy {
	clear: both;
	padding-top: 10px;
	text-align: center;
	color: #fff;
}
#page-footer p.copy2 {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 95%;
	color: #fff;
}
#page-footer p.copy2 a { color: #fff; }
#page-footer p.copy small { font-size: 85%; }

/* pagetop */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	width: 56px;
	height: 56px;
	display: block;
	background: url(../images/icon_pagetop.png) no-repeat center;
	outline: none;
}
#page-top a:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
}


/* margin
--------------------------------------------------------------------------*/
/* margin */
#inbox #container .m-ajust-t10 { margin-top: -10px; }
#inbox #container .m-ajust-t20 { margin-top: -20px; }
#inbox #container .m-ajust-b10 { margin-bottom: 10px; }
#inbox #container .m-ajust-b15 { margin-bottom: 15px; }
#inbox #container .m-ajust-b20 { margin-bottom: 20px; }
#inbox #container .m-ajust-b30 { margin-bottom: 30px; }
#inbox #container .m-ajust-b40 { margin-bottom: 45px; }
#inbox #container .m-ajust-b-5 { margin-bottom: -5px; }
#inbox #container .m-ajust-b-10 { margin-bottom: -10px; }
#inbox #container .m-ajust-b-20 { margin-bottom: -20px; }
#inbox #container .m-ajust-b-25 { margin-bottom: -25px; }
#inbox #container .m-ajust-b-30 { margin-bottom: -30px; }
#inbox #container .m-ajust-b-35 { margin-bottom: -35px; }
#inbox #container .m-ajust-b-40 { margin-bottom: -40px; }
#inbox #container .m-ajust-b-45 { margin-bottom: -45px; }
#inbox #container .m-ajust-b-50 { margin-bottom: -50px; }
#inbox #container .m-ajust-b-60 { margin-bottom: -60px; }

/* width */
.w150 { width: 150px; }
.w420 { width: 450px; }
.w440 { width: 490px; }


/* margin
--------------------------------------------------------------------------*/
/* margin sets */
.m_tx0 {margin-top: 0 !important;}
.m_tx05 {margin-top: 5px !important;}
.m_tx1 {margin-top: 10px !important;}
.m_tx15 {margin-top: 15px !important;}
.m-tx1 {margin-top: -10px !important;}
.m-tx2 {margin-top: -20px !important;}
.m-tx3 {margin-top: -30px !important;}
.m_tx2 {margin-top: 20px !important;}
.m_tx25 {margin-top: 25px !important;}
.m_tx3 {margin-top: 30px !important;}
.m_tx4 {margin-top: 40px !important;}
.m_tx5 {margin-top: 50px !important;}
.m_tx6 {margin-top: 60px !important;}
.m_tx7 {margin-top: 70px !important;}
.m_tx8 {margin-top: 80px !important;}
.m_rx0 {margin-right: 0 !important;}
.m_rx05 {margin-right: 5px !important;}
.m_rx1 {margin-right: 10px !important;}
.m_rx15 {margin-right: 15px !important;}
.m_rx2 {margin-right: 20px !important;}
.m_rx25 {margin-right: 25px !important;}
.m_rx3 {margin-right: 30px !important;}
.m_rx35 {margin-right: 35px !important;}
.m_rx4 {margin-right: 40px !important;}
.m_bx0 {margin-bottom: 0 !important;}
.m_bx05 {margin-bottom: 5px !important;}
.m_bx1 {margin-bottom: 10px !important;}
.m_bx2 {margin-bottom: 20px !important;}
.m-bx1 {margin-bottom: -10px !important;}
.m_bx15 {margin-bottom: 15px !important;}
.m-bx2 {margin-bottom: -20px !important;}
.m_bx25 {margin-bottom: 25px !important;}
.m_bx3 {margin-bottom: 30px !important;}
.m_bx35 {margin-bottom: 35px !important;}
.m_bx4 {margin-bottom: 40px !important;}
.m_bx5 {margin-bottom: 50px !important;}
.m_lx0 {margin-left: 0 !important;}
.m_lx02 {margin-left: 2px !important;}
.m_lx05 {margin-left: 5px !important;}
.m_lx1 {margin-left: 10px !important;}
.m-lx1 {margin-left: -10px !important;}
.m_lx15 {margin-left: 15px !important;}
.m_lx2 {margin-left: 20px !important;}
.m-lx2 {margin-left: -20px !important;}
.m_lx25 {margin-left: 25px !important;}
.m_lx3 {margin-left: 30px !important;}
.m_lx35 {margin-left: 35px !important;}
.m_lx4 {margin-left: 40px !important;}
.m_lx45 {margin-left: 43px !important;}
.m_lx5 {margin-left: 50px !important;}
.m_lx6 {margin-left: 60px !important;}
.m_lx7 {margin-left: 70px !important;}
.p_lx0 {padding-left: 0 !important;}
.p_bx0 {padding-bottom: 0 !important;}