@charset "UTF-8";

/*
 https://co-location.at-link.ad.jp
 ################################
 Create on : 2009/06/11 4681
 Edit on   : 2009/09/04 AM0945 4681
 ################################
 Style Index
 ################################
 1 Reset
 2 HTML tags definition : html, body, a
 3 Layout
   3.1 layout
   3.2 border
   3.3 grid
   3.4 utility
   3.5 icon
   3.6 text
   3.7 margin
   3.8 padding
 ################################
 Browser
 ################################
 [ie]  IE6 - 7
 [e6]  IE6-
 [e7]  IE7+
 [e8]  IE8+
 [s2]  Safari2+
 [s3]  Safari3+
 [op]  Opera9+
 [f2]  Firefox2+
 [f3]  Firefox3+
 [mb]  Modern browser
**/

/* import start */

/* ------------------------------
 1 Reset
------------------------------ */
html, body,
div, 
h1, h2, h3, h4, h5, h6, p, 
form, fieldset, label, input, 
ul, ol, li, dl, dt, dd, 
pre, blockquote, 
img {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, 
pre, code, blockquote, 
address, cite, 
em, strong, q, 
caption, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul, ol       { list-style: none; }
fieldset,img { border: none; }
table        { border-collapse: collapse; border-spacing: 0px; }
caption, th  { text-align: left; }
img          { border: none; display: block;/* [mb] */ }
hr           { display: none; }


/* ------------------------------
 2 HTML tags definition
------------------------------ */
body {
	background-image: url(/shared/images/global/body_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #fff;
	-x-system-font:none;
	font-family: "HiraKakuPro-W3", "Osaka", sans-serif;
	font-size: 10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #000000;
	letter-spacing: 0em;/* [ie] */
	line-height: 1.6;
	text-align: center;
}
* html body { font-size: 62.5%; font-family: "ＭＳ Ｐゴシック"; letter-spacing: 1px; vertical-align: baseline; }/* [e6] */
*:first-child+html body { font-family: "Meiryo"; line-height: 1.4; }/* [e7] */
head~/* */ body { font-family: "Meiryo"; line-height: 1.4; }/* [e8] */
html>/**/body { top: 0px\9; }/* [e8] */
html:not(:target) body { font-family: "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif; line-height: 1.6; }

/* anchors */
a { text-decoration: none; }
a:link { color: #36f; }
a:visited {}
a:hover {}

.hover { cursor: pointer; }

/* ------------------------------
 3 Layout
------------------------------ */
#lv1 {}
.lv2, .lv3, .lv4, .lv5, .lv6 {}

.wrapper {}
.first-child, .last-child, .even, .odd {}
.top, .mid, .bottom, .left, .right {}
.selected {}

.display-block  { display: block !important; }
.display-inline { display: inline !important; }
.float-left  { float: left !important; }
.float-right { float: right !important; }

.mb-none { margin-bottom: 0px !important; }
.mb-05px { margin-bottom: 5px !important; }
.mb-10px { margin-bottom: 10px !important; }
.mb-15px { margin-bottom: 15px !important; }
.mb-20px { margin-bottom: 20px !important; }
.mb-30px { margin-bottom: 30px !important; }
.mb-40px { margin-bottom: 40px !important; }

.ml-none { margin-left: 0px !important; }
.ml-05px { margin-left: 5px !important; }
.ml-10px { margin-left: 10px !important; }
.ml-15px { margin-left: 15px !important; }
.ml-20px { margin-left: 20px !important; }
.ml-30px { margin-left: 30px !important; }

.mr-none { margin-right: 0px !important; }
.mr-05px { margin-right: 5px !important; }
.mr-10px { margin-right: 10px !important; }
.mr-15px { margin-right: 15px !important; }
.mr-20px { margin-right: 20px !important; }
.mr-30px { margin-right: 30px !important; }

.mt-none { margin-top: 0px !important; }
.mt-05px { margin-top: 5px !important; }
.mt-10px { margin-top: 10px !important; }
.mt-15px { margin-top: 15px !important; }
.mt-20px { margin-top: 20px !important; }
.mt-30px { margin-top: 30px !important; }
.mt-40px { margin-top: 40px !important; }

.pb-none { padding-bottom: 0px !important; }
.pb-05px { padding-bottom: 5px !important; }
.pb-10px { padding-bottom: 10px !important; }
.pb-15px { padding-bottom: 15px !important; }
.pb-20px { padding-bottom: 20px !important; }
.pb-30px { padding-bottom: 30px !important; }
.pb-40px { padding-bottom: 40px !important; }

.pl-none { padding-left: 0px !important; }
.pl-05px { padding-left: 5px !important; }
.pl-10px { padding-left: 10px !important; }
.pl-15px { padding-left: 15px !important; }
.pl-20px { padding-left: 20px !important; }
.pl-30px { padding-left: 30px !important; }

.pt-none { padding-top: 0px !important; }
.pt-05px { padding-top: 5px !important; }
.pt-10px { padding-top: 10px !important; }
.pt-15px { padding-top: 15px !important; }
.pt-20px { padding-top: 20px !important; }
.pt-30px { padding-top: 30px !important; }
.pt-40px { padding-top: 40px !important; }


/* 3.2 border  #################### */
.border-none { border: none !important; }
.border-bottom-none { border-bottom: none !important; }
.border-left-none { border-left: none !important; }
.border-right-none { border-right: none !important; }
.border-top-none { border-top: none !important; }
.border-top-1px-solid-gray { border-top: 1px solid #ccc !important; }
.border-top-1px-solid-blue { border-top: 1px solid #36f !important; }
.border-bottom-notes { border-bottom: 1px dashed #ff2a00; }


/* 3.3 new grid + new box #################### */
.grid {} .grid div.column {} .box { padding: 10px 15px; }
.box p  { font-size: 1.3em; }
.rc {
	/*
	 * rc = Rounded Corner
	 */
	border-radius: 0.35em;
	-webkit-border-radius: 0.35em;
	-moz-border-radius: 0.35em;
}
.box.rc {
	border: 1px solid #c3c6cf;
}
.box.rc.rl {
	/*
	 * rl : Related Links
	 */
	background-color: #f7f7f7;
	border: 1px solid #d3d6e6;
	font-size: 1.3em;
}
.box.rc.wp {
	/*
	 * wp : Within Page
	 */
	border: 1px solid #c3c6e0;
	font-size: 1.3em;
}
.box.type01 {
	background: url(/shared/images/global/col2_box_bottom.png) no-repeat left bottom;
	padding: 0 0 10px 0;
}
.box.type01 div.top {
	background: url(/shared/images/global/col2_box_top.png) no-repeat left top;
}



/* 3.4 utility #################### */
.utility-clear    { clear: both; }
.utility-hidden   { display: none; }
.utility-scrollTo {}
.utility-visible  { display: block; }
.utility-clearfix {}
* html body .utility-clearfix { display: inline-block; }/* [e6] */
*:first-child+html body .utility-clearfix { display: inline-block; }/* [e7] */
.utility-clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	visibility: hidden;
}

.noscript {}

#scrollTo {} .pagetop {} .target-self {}
.target-blank {
	background-image: url(/shared/images/global/icon_new_window.png);
	background-repeat: no-repeat;
	background-position: right center !important;
	padding-right: 17px;
	vertical-align: middle;
	overflow: hidden;
	zoom: 1;
}


/* 3.5 icons   #################### */
.icon-none     { background-image: none !important;; }
.icon-key      { background-image: url(/shared/images/global/icon_key_02.png); background-repeat: no-repeat; }
.icon-link     { background-image: url(/shared/images/global/icon_arrow_01.png); background-repeat: no-repeat; }
.icon-link-dwn { background-image: url(/shared/images/global/icon_link_dwn.png); background-repeat: no-repeat; }
.icon-link-up  { background-image: url(/shared/images/global/icon_link_up.png); background-repeat: no-repeat; }
.icon-login    { background-image: url(/shared/images/global/icon_key_01.png); background-repeat: no-repeat; }
.icon-pdf      { background-image: url(/shared/images/global/icon_pdf.gif); background-repeat: no-repeat; }

a.icon-download, 
a.icon-link, 
a.icon-link-dwn, 
a.icon-link-up, 
a.icon-login, 
a.icon-more, 
a.icon-new, 
a.icon-pdf, 
a.icon-ppt, 
a.icon-ssl, 
a.icon-word, 
a.icon-xls, 
a.icon-zip {
	background-position: right center !important;
	padding-right: 17px;
	vertical-align: top;
	overflow: hidden;
	zoom: 1;
}
a.icon-download {}
a.icon-login    {}
a.icon-more     {}
a.icon-new      {}
a.icon-pdf      {}
a.icon-ppt      {}
a.icon-ssl      {}
a.icon-word     {}
a.icon-xls      {}
a.icon-zip      {}

/* 3.6 text    #################### */
.headline, .overview, .lead {}
.small { font-size: 9px; font-weight: normal; line-height: 9px; vertical-align:text-top; }
.strong { font-weight: 800; }
.single-line, .multi-line {}
.nowrap { white-space: nowrap; }

.color-red { color: #f30; }

.fs-10px { font-size: 10px !important; }
.fs-11px { font-size: 11px !important; }
.fs-12px { font-size: 12px !important; }
.fs-13px { font-size: 13px !important; }
.fs-14px { font-size: 14px !important; }
.fs-15px { font-size: 15px !important; }
.fs-16px { font-size: 16px !important; }

.text-align-left    { text-align: left !important; }
.text-align-center  { text-align: center !important; }
.text-align-right   { text-align: right !important; }

.vertical-align-top { vertical-align: top !important; }
.vertical-align-middle { vertical-align: middle !important; }
.vertical-align-bottom { vertical-align: bottom !important; }

.annotations { padding-left: 1.5em; }
.annotations li { padding: 2px 1em; list-style: none !important; font-size: 11px !important; text-indent: -1.5em; }
.annotations li.num { padding-left: 2em; text-indent: -2em; }
.annotations li.last-child { padding-bottom: 0; }
/* seo words */
.opt {}


