@charset "UTF-8";
/* --------------------------------------------------
   フォント
   -------------------------------------------------- */

body {
	font-family: 'Lucida Grande', Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 12px;
	background: #fff;
}
body.normal {
	font-size: 12px;
}
body.large {
	font-size: 14px;
}
h1 {
	font-size: 175%; /* 21px?*/
}
h2 {
	font-size: 150%; /* 18px?*/
}
h2 span {
	font-size: 0.8em;
}
h3 {
	font-size: 125%; /* 15px?*/
}
h4 {
	font-size: 108%; /* 13px?*/
	font-weight: normal;
}
footer {
	font-size: 91%; /* 11px?*/
}
.red {
	color: #cf2c38;
}
.pink {
	color: #e9546b;
}
.orange {
	color: #EF711D;
}
.blue {
	color: #275398;
}
.aqua {
	color: #00aeec;
}
.purple {
	color: #7a70c2;
}
.small {
	font-size: 88%; /* 71%?*/
}
.x-small {
	font-size: 80%;
}
.large {
	font-size: 133%;
}
.bold {
	font-weight: bold;
}
.super {
	vertical-align: super;
	font-size: 10px !important;
	font-weight: normal !important;
}
h2 .super {
	vertical-align: top;
}
.large .super {
	font-size: 12px !important;
}

/* --------------------------------------------------
   共通スタイル
   -------------------------------------------------- */

html {
	overflow-y: scroll;
}
#logo_wrap,
#hnavi,
#content_wrap,
#footer_wrap {
	width: 960px;
	margin: 0 auto;
}
#content_wrap h1 {
	margin-bottom: 20px;
	padding: 7px 11px 4px;
	color: #cf2c38;
	border-top: 4px solid #cf2c38;
	border-bottom: 1px solid #f8e4e5;
}
h2 {
	margin-top: 12px;
	margin-bottom: 12px;
}
h3 {
	margin-bottom: 10px;
}
h4 {
	margin-bottom: 6px;
}
p,
li {
	line-height: 1.4;
}
a {
	cursor: pointer;
	text-decoration: none;
	color: #2a5596;
}
a:hover {
	text-decoration: underline;
	color: #cf2c38;
}
a:hover h4 {
	text-decoration: underline;
}
ul {
	list-style: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.tright {
	text-align: right;
}
.tcenter {
	text-align: center;
}
.tleft {
	text-align: left;
}
.middle {
	vertical-align: middle;
}
.hidden {
	display: none;
	visibility: hidden;
}
/*#content_wrap ul,*/
#footer_wrap #site_tree .column {
	padding-left: 0;
}

/* 矢印マーク共通 vector_icon */
#content_wrap ul.list ul li,
.detail {
	padding-left: 15px;
	background: url(/english/inc/images/img_vec_right.gif) no-repeat 0 50%;
}
#news ul li,
#footer_wrap #site_tree ul.column ul li {
	padding-left: 15px;
	background: url(/english/inc/images/img_vec_right.gif) no-repeat 0 4px;
}
.not-detail {
	background-image: none !important;
}

/* ボタン:hover */
.btn:hover,
form input.send:hover,
form input#send_support:hover,
.edition .tag.bg_light_orange:hover,
.edition .tag.bg_light_blue:hover,
.price .tag.bg_light_orange:hover,
.price .tag.bg_light_blue:hover {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* ページトップボタン */
.pagetop {
	margin-top: 10px;
	padding-top: 10px;
	text-align: right;
}
.pagetop a {
	display: inline-block;
	height: 16px;
	padding-left: 19px;
	line-height: 16px;
	background: url(/english/inc/images/ico_pagetop.png) no-repeat 0 0;
}

/* はてなマーク?*/
.question {
	width: 13px;
	margin: auto 3px;
}

/* インデント?*/
.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}
.indent1_5 {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.indent2 {
	padding-left: 2em;
	text-indent: -2em;
}

/*/////////////////////////////// マージン・パディング調整
*/
/*-----------margin---------*/
.mg0 { margin: 0 }

.mgT0 { margin-top: 0 }
.mgT03 { margin-top: 3px }
.mgT05 { margin-top: 5px }
.mgT07 { margin-top: 7px }
.mgT10 { margin-top: 10px }
.mgT12 { margin-top: 12px }
.mgT15 { margin-top: 15px }
.mgT20 { margin-top: 20px }
.mgT25 { margin-top: 25px }
.mgT30 { margin-top: 30px }

.mgB0 { margin-bottom: 0 }
.mgB03 { margin-bottom: 3px }
.mgB05 { margin-bottom: 5px }
.mgB07 { margin-bottom: 7px }
.mgB10 { margin-bottom: 10px }
.mgB12 { margin-bottom: 12px }
.mgB15 { margin-bottom: 15px }
.mgB20 { margin-bottom: 20px }
.mgB25 { margin-bottom: 25px }
.mgB30 { margin-bottom: 30px }

.mgL0 { margin-left: 0 }
.mgL03 { margin-left: 3px }
.mgL05 { margin-left: 5px }
.mgL07 { margin-left: 7px }
.mgL10 { margin-left: 10px }
.mgL12 { margin-left: 12px }
.mgL15 { margin-left: 15px }
.mgL20 { margin-left: 20px }
.mgL25 { margin-left: 25px }
.mgL30 { margin-left: 30px }

.mgR0 { margin-right: 0 }
.mgR03 { margin-right: 3px }
.mgR05 { margin-right: 5px }
.mgR07 { margin-right: 7px }
.mgR10 { margin-right: 10px }
.mgR12 { margin-right: 12px }
.mgR15 { margin-right: 15px }
.mgR20 { margin-right: 20px }
.mgR25 { margin-right: 25px }
.mgR30 { margin-right: 30px }

.mgAuto { margin-left: auto; margin-right: auto }

/*-----------padding---------*/
.pd0 { padding: 0 }
.pd03 { padding: 3px }
.pd05 { padding: 5px }
.pd07 { padding: 7px }
.pd10 { padding: 10px }
.pd12 { padding: 12px }
.pd15 { padding: 15px }
.pd20 { padding: 20px }
.pd25 { padding: 25px }
.pd30 { padding: 30px }

.pdT0 { padding-top: 0 }
.pdT03 { padding-top: 3px }
.pdT05 { padding-top: 5px }
.pdT07 { padding-top: 7px }
.pdT10 { padding-top: 10px }
.pdT12 { padding-top: 12px }
.pdT15 { padding-top: 15px }
.pdT20 { padding-top: 20px }
.pdT25 { padding-top: 25px }
.pdT30 { padding-top: 30px }

.pdB0 { padding-bottom: 0 }
.pdB03 { padding-bottom: 3px }
.pdB05 { padding-bottom: 5px }
.pdB07 { padding-bottom: 7px }
.pdB10 { padding-bottom: 10px }
.pdB12 { padding-bottom: 12px }
.pdB15 { padding-bottom: 15px }
.pdB20 { padding-bottom: 20px }
.pdB25 { padding-bottom: 25px }
.pdB30 { padding-bottom: 30px }

.pdL0 { padding-left: 0 }
.pdL03 { padding-left: 3px }
.pdL05 { padding-left: 5px }
.pdL07 { padding-left: 7px }
.pdL10 { padding-left: 10px }
.pdL12 { padding-left: 12px }
.pdL15 { padding-left: 15px }
.pdL20 { padding-left: 20px }
.pdL25 { padding-left: 25px }
.pdL30 { padding-left: 30px }

.pdR0 { padding-right: 0 }
.pdR03 { padding-right: 3px }
.pdR05 { padding-right: 5px }
.pdR07 { padding-right: 7px }
.pdR10 { padding-right: 10px }
.pdR12 { padding-right: 12px }
.pdR15 { padding-right: 15px }
.pdR20 { padding-right: 20px }
.pdR25 { padding-right: 25px }
.pdR30 { padding-right: 30px }

/*/////////////////////////////// タグ
*/
.tag {
	position: relative;
	display: inline-block;
	width: 100px;
	text-align: center;
	color: #fff;
}
.tag a {
	display: block;
	text-decoration: none;
}
.tag.round {
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
.tag.bg_red {
	color: #fff;
	background: #cf2c38;
}
.tag.bg_light_red {
	background: #dc6b5f;
}
.tag.bg_orange,
.tag.support,
.tag.emergency {
	color: #fff;
	background: #ef832d;
}
.tag.bg_light_orange {
	color: #fff;
	background: #f2983c;
}
.tag.bg_light_blue {
	background: #86b2df;
}
.tag.bg_blue,
.tag.camp,
.tag.facility {
	background: #3170b7;
}
.tag.bg_navy {
	background: #0055a6;
}
.tag.bg_light_green {
	background: #8ec558;
}
.tag.bg_green,
.tag.houdou {
	background: #70ba48;
}
.tag.bg_pink,
.tag.topics,
.tag.product,
.tag.mainte,
.mainte .post .tag {
	background: #ea6e9a;
}
.tag.event {
	background: #7545af;
}
.tag .super {
	position: absolute;
}


/* --------------------------------------------------
   スタイル
   -------------------------------------------------- */

/*/////////////////////////////// ヘッダー
*/
header {
	position: fixed;
	z-index: 999;
	width: 100%;
	min-width: 960px;
	height: 94px;
	background: #fff;
}
#header_wrap {
	position: relative;
	margin: 0 auto;
}
#header_wrap a {
	text-decoration: none;
}
/* ヘッダーロゴ */
#logo_wrap {
	height: 59px;
	padding-bottom: 8px;
}
#logo {
	margin-top: 12px;
	margin-left: 7px;
}
#logo h1 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1;
	border: none;
}
#logo_ntt {
	margin-top: 16px;
	margin-right: 8px;
}
#sub_wrap {
	position: absolute;
	display: inline;
	margin-top: 20px;
	margin-left: 90px;
}
.large #sub_wrap {
	margin-left: 70px;
}
#sub_wrap div {
	display: inline-block;
	margin-right: 15px;
}
#sub_wrap a,
#sub_wrap a:visited {
	color: #000;
}
#sub_wrap a:hover {
	color: #cf2c38;
}
#sub_wrap #font_size {
	padding: 5px 4px;
	font-size: 91%;
	border: 1px solid #e3e2e2;
}
#sub_wrap #font_size li {
	display: inline-block;
}
#sub_wrap #font_size li:first-child {
	padding-right: 3px;
}
#sub_wrap #font_size span {
	padding: 1px 3px;
	color: #fff;
	background: #898989;
	cursor: pointer;
}
#sub_wrap #font_size span:hover,
#sub_wrap #font_size .textresizer-active {
	background: #cf2b37;
}
#sub_wrap .es_wrap ul {
	margin: 0;
	padding: 0;
}
#sub_wrap .es_wrap li {
	display: inline-block;
	padding: 3px 8px;
	border-right: 1px solid #d6d6d6;
}
#sub_wrap .es_wrap li:first-child {
	border-left: 1px solid #d6d6d6;
}
#sub_wrap #search_wrap {
	vertical-align: middle;
}
#sub_wrap #search_wrap form {
	width: 168px;
	height: 20px;
	background: #fff url(/inc/images/img_search_input.jpg) 0 0 no-repeat;
}
#sub_wrap #search_wrap input#words {
	width: 130px;
	height: 14px;
	margin-top: 2px;
	margin-left: 2px;
	border: 0;
}
#sub_wrap #search_wrap input#search_btn {
	height: 16px;
	margin-top: 2px;
	margin-left: 3px;
}

/* ヘッダーナビ */
#nav_wrap {
	clear: both;
	height: 32px;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background: #f8f8f8;
}
#hnavi ul {
	height: 32px;
	margin: 0 7px;
	padding: 0;
}
/*#hnavi li {
	display: inline-block;
	width: 120px;
	height: 32px;
	text-align: center;
}
*/
#hnavi li {
	float: left;
	/*width: 120px;*/
	height: 32px;
	text-align: center;
}

#hnavi li a {
	display: block;
	/*width: 120px;*/
	height: 100%;
	color: #000;
}
#hnavi li a:hover,
li a.active {
	background-color: #f8d1cc;
}
#tag_wrap {
	position: relative;
	top: -33px;
	right: 0;
	width: 960px;
	margin: 0 auto;
}
#tag_wrap ul {
	position: absolute;
	right: 0;
	padding: 0;
}
#tag_wrap li {
	display: inline-block;
	margin-right: 8px;
}
#tag_wrap a {
	display: block;
	width: 97px;
	height: 65px;
}
#tag_wrap li.trial a {
	margin-right: 5px;
	background: url(../../inc/images/btn_trial.png) no-repeat 0 0;
}
#tag_wrap li.inquiry a {
	background: url(../../inc/images/btn_inquiry.png) no-repeat 0 0;
}
#tag_wrap li a:hover {
	background-position: 0 100%;
}
#tag_wrap span {
	visibility: hidden;
}
#wrap {
	padding-top: 96px;
}
#breadcrumb {
	margin-bottom: 12px;
}
#breadcrumb li {
	display: inline-block;
}
#content_wrap {
	vertical-align: top;
}
#content {
	margin-right: 10px;
	margin-left: 10px;
}
#content_wrap .meta {
	margin-bottom: 5px;
}

/*/////////////////////////////// サイドバー
*/
#sidebar {
	width: 206px;
	margin-right: 23px;
}
#sidebar #sidebar_wrap {
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
}
#sidebar h2 {
	height: 25px;
	margin: 0;
	margin-bottom: 13px;
	padding: 0;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background: #cf2c38;
}
#sidebar h3 {
	padding: 2px 0;
	padding-left: 6px;
	font-size: 12px;
	color: #dd6b5f;
	border-bottom: 1px solid #d6d6d6;
	border-left: 2px solid #dd6b5f;
}
#sidebar #sidebar_wrap > ul {
	margin: auto 10px 10px;
	padding: 0;
}
#sidebar a {
	text-decoration: none;
}
#sidebar ul a {
	padding: 0 2px;
	color: #000;
	-webkit-border-radius: 12px;
			border-radius: 12px;
}
#sidebar ul a:hover,
#sidebar .current-menu-item a {
	background: #f8d1cc;
}

/*/////////////////////////////// バナー
*/
#sidebar .banner_wrap {
	margin-top: 10px;
}
#sidebar .banner_wrap div {
	margin-bottom: 7px;
}
#sidebar .banner_wrap div a {
	display: inline-block;
	width: 212px;
	height: 50px;
	margin-left: -3px;
}
#sidebar .banner_wrap .panf {
	display: inline-block;
	width: 212px;
	height: 53px;
	background: url(/english/inc/images/bnr_panf.jpg) no-repeat 0 0;
}
#sidebar .banner_wrap .movie {
	display: inline-block;
	width: 213px;
	height: 112px;
	background: url(/english/inc/images/bnr_movie.jpg) no-repeat 0 0;
}
#sidebar ul li {
	padding: 5px 0;
}
#sidebar ul li h3 {
	margin-bottom: 10px;
}
#sidebar ul li a {
	display: inline-block;
	margin: 2px 0 2px -2px;
}
#sidebar ul li a span {
	display: block;
	width: 170px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	background: url(/english/inc/images/img_vec_right.gif) no-repeat 4px 50%;
}
#sidebar ul.second li a {
	margin-left: -3px;
}
#sidebar ul.second li a span {
	width: 157px;
}
#sidebar ul li {
	border-top: 1px solid #d6d6d6;
}
#sidebar ul li:first-child {
	border-top: none;
}
#sidebar ul ul {
	margin-top: 7px;
	padding-left: 14px;
	border-top: 1px solid #d6d6d6;
}
#sidebar ul ul li {
	border-top: 1px solid #d6d6d6;
}
#sidebar ul ul li:first-child {
	border-top: none;
}
#sidebar .bdr_n {
	border: none;
}
/*/////////////////////////////// トピックス・サポート情報・メンテナンス情報用
*/
#sidebar .wp li span {
	display: block;
	width: 170px;
	height: 20px;
	margin: 2px -2px;
	padding: 0 0 0 19px;
	-webkit-border-radius: 12px;
			border-radius: 12px;
	background: url(/english/inc/images/img_vec_right.gif) no-repeat 6px 50%;
}
#sidebar .wp li span:hover,
#sidebar .wp li span.active {
	background: #f8d1cc url(/english/inc/images/img_vec_right.gif) no-repeat 6px 50%;
}
#sidebar .wp li span a {
	width: 170px;
	height: 20px;
}
#sidebar .wp li span a:hover {
	background: none;
}
/* ページナビ */
.wp-pagenavi {
	display: inline-block;
	float: right;
	margin-right: 10px;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 2px;
	padding: 0;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	color: #000;
	border-radius: 2px;
	background: #f8d1cc;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
	color: #fff;
	background: #d02832;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	float: left;
	width: 45px;
	height: 25px;
	margin: 0 5px;
	color: #fff;
	background: #d02832;
}
.wp-pagenavi .nextpostslink {
	float: right;
	margin-right: 0;
}

/*/////////////////////////////// フッター
*/
footer {
	min-width: 960px;
	border-top: 1px solid #e1e2e2;
	background: #eee;
}
footer a {
	color: #000;
}
footer ul.column ul.first > li > a,
footer ul.column ul.first > li.not-detail > span {
	font-size: 116%;
	font-weight: bold;
}
footer ul.column ul > li.not-detail > span {
	margin-left: -15px;
	font-weight: bold;
}
footer ul.other {
	margin-left: -15px;
}
footer ul.column ul > li.form.not-detail > span {
	display: block;
	margin-bottom: 5px;
	margin-left: 0;
}
#footer_wrap #site_tree {
	display: inline-block;
	margin: 0 auto;
	padding-top: 45px;
	padding-bottom: 30px;
}
#footer_wrap #site_tree ul.column > li {
	float: left;
	width: 198px;
	height: 220px;
	padding: 0 20px;
	border-left: 1px solid #c4c5c5;
}
.large #footer_wrap #site_tree ul.column > li {
	height: 270px;
}
#footer_wrap #site_tree ul.column > li:first-child {
	border-left: none;
}
#footer_wrap #site_tree ul.column ul.first li {
	margin-bottom: 25px;
}
#footer_wrap #site_tree ul.column ul.second {
	margin-top: 5px;
}
#footer_wrap #site_tree ul.column ul.second li {
	margin-bottom: 5px;
}
#footer_wrap #site_tree ul.column ul.third {
	margin-top: 8px;
	padding-left: 10px;
}

#footer_wrap #site_tree ul.column ul.first li.form {
	padding: 0;
	background: none;
}
#footer_wrap #site_tree ul.column li.form ul.second {
	margin-top: 0;
}
#footer_wrap #site_tree ul.column li.form ul.second li {
	margin-bottom: 5px;
}

footer #copyright {
	height: 25px;
	padding-top: 20px;
	text-align: center;
	border-top: 1px solid #e1e2e2;
	background: #fff;
}

/* --------------------------------------------------
   その他
   -------------------------------------------------- */
/*/////////////////////////////// Clearfix
*/
.clearfix {
	zoom: 1;
}
.clearfix:after {
	display: block;
	clear: both;
	content: '';
}