@charset "UTF-8";
/*////////////////////////////////////////////////////////////
YAG - base.css
------------------------------------------------------------

[Reset] 
	0. Yahoo UI Library: Reset CSS, Fonts CSS
	1. HTML, Body, Anchor
	2. Heading, Form
	3 Others
		3-1. Inline-level Elements
		3-2. Block-level Elements
		3-3. Tool
		3-4. For IE - Page Zoom
[Layout]
	1. Background
	2. Layout
[Navigation] 
	1. Global Navi
[Content]
	1. topic path
	2. Main Body
	3. Page Navi
	4. local menu
[Footer]
[Clearfix]

////////////////////////////////////////////////////////////*/

/* ################################################################################
	[Reset] Resetting HTML elements styles
   ################################################################################ */
/* ------------------------------------------------------------
	0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*--------------------
px      %

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
--------------------*/

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
   ------------------------------------------------------------ */
html {width:100%;overflow-y:scroll;}
body {
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.3;
	text-align: center;
	color:#4c4c4c;
}
* html body {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:link,
a:visited {	color:#bd6335; text-decoration:none; }
a:hover,
a:active  { color:#bd6335; text-decoration: underline; }

/* ------------------------------------------------------------
	2. Heading, Form
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {line-height:1.2;}
legend {display: none;}
label {cursor: pointer;}

/* ------------------------------------------------------------
	3. Others
   ------------------------------------------------------------ */
/*  3-1. Inline-level Elements
   ------------------------------------------------- */
img {vertical-align: top; line-height:0;}
a {outline: none; }
object {outline: none;}
strong {font-weight: bold;}

/*  3-2. Block-level Elements
   ------------------------------------------------- */
hr { display: none; }

/*  3-3. Tool
   ------------------------------------------------- */
.clear {
	clear:both;
	font-size:0%;
	line-height:0%;
	height:0%;
	visibility:none;
}
.center {text-align:center;}
.right {text-align:right;}
.brown {color:#bd6335;}
.red {color:#d90000;}
.strong {font-weight:bold;}
.txt16 {font-size:16px;}
.mb10 {margin:0 0 10px;}
.mb15 {margin:0 0 15px;}
img.border {border:2px solid #f2f2f2}
img.dlicon {vertical-align:middle;padding:3px 0;}
a.blank {background:url(../img/ico_blank.gif) no-repeat 0 5%;padding:0 0 0 17px;}

/*  3-4. For IE
   ------------------------------------------------- */
/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }


/* ################################################################################
	[Layout] Setting main structure layout
   ################################################################################ */
/* ------------------------------------------------------------
	1. Background
   ------------------------------------------------------------ */
html {height:100%;}
body {height:auto;min-height:100%;}
* html body {height:100%;}
body {
	background:#F7F2EB url(../img/bg_body.gif) repeat-x 0 0;
}
#wrapper {
	height:auto;
	min-height:100%;
	background:#FFF;
}

/* ------------------------------------------------------------
	2. Layout
   ------------------------------------------------------------ */
div#wrapper {
	width:950px;
	margin:0 auto;
	text-align:left;
}
div#header {
	height:70px;
	width:950px;
}
div#flashcontent {
	width:942px;
	height:286px;
	padding:3px 3px 0;
	background:#ececec;
	border-top:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
}
div#globalNav {
	width:942px;
	padding:0 4px;
	font-size:10px;
}
div#content {
	width: 910px;
	margin:0 auto;
	background:url(../img/bg_content.gif) repeat-x 0 0;
	padding:40px 20px 30px;
}
div#main {
	width:670px;
	height:auto;
	min-height:500px;/*最低高さの指定*/
	font-size:93%; /*12px*/
	float:right;
}
* html div#main {
	height:500px;/*for ie6*/
}
div#menu {/*左float*/
	width:200px;
	float:left;
}
body .toTop {
	width:auto;
	text-align:right;
	padding:20px 30px 30px;
}
div#footer {
	width:894px;
	padding:0 28px 15px;
}

/* ################################################################################
	[Navigation] Setting Navigation styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Global Navi
   ------------------------------------------------------------ */
div#globalNav li a {
	display:block;
}
div#globalNav li.bid {
	width:157px;
	float:left;
	color:#FFF;
	position:relative;
	z-index:10;
}
div#globalNav li.bid p {
	width:157px;
	height:60px;
	overflow:hidden;
}
div#globalNav li.bid p a {
	width:157px;
	height:60px;
	text-indent:-9999em;
}
/*背景として*/
div#globalNav li#gnav01 p {
	background:url(../img/nav_vision.gif) no-repeat 0 0;
}
div#globalNav li#gnav02 p {
	background:url(../img/nav_ability.gif) no-repeat 0 0;
}
div#globalNav li#gnav03 p {
	background:url(../img/nav_media.gif) no-repeat 0 0;
}
div#globalNav li#gnav04 p {
	background:url(../img/nav_case.gif) no-repeat 0 0;
}
div#globalNav li#gnav05 p {
	background:url(../img/nav_shopping.gif) no-repeat 0 0;
}
div#globalNav li#gnav06 p {
	background:url(../img/nav_profile.gif) no-repeat 0 0;
}

/*20111018Q&Aコンテンツ用に追加*/
div#globalNav li#gnav07 p {
	background:url(../img/nav_qa.gif) no-repeat 0 0;
}

/*ロールオーバー前*/
div#globalNav li#gnav01 p a {
	background:url(../img/nav_vision.gif) no-repeat 0 0;
}
div#globalNav li#gnav02 p a {
	background:url(../img/nav_ability.gif) no-repeat 0 0;
}
div#globalNav li#gnav03 p a {
	background:url(../img/nav_media.gif) no-repeat 0 0;
}
div#globalNav li#gnav04 p a{
	background:url(../img/nav_case.gif) no-repeat 0 0;
}
div#globalNav li#gnav05 p a {
	background:url(../img/nav_shopping.gif) no-repeat 0 0;
}
div#globalNav li#gnav06 p a {
	background:url(../img/nav_profile.gif) no-repeat 0 0;
}

/*20111018Q&Aコンテンツ用に追加*/
div#globalNav li#gnav07 p a {
	background:url(../img/nav_qa.gif) no-repeat 0 0;
}

/*アコーディオンにカーソルがある*/
div#globalNav li#gnav01 p.act a {
	background:url(../img/nav_vision.gif) no-repeat 0 -60px;
}
div#globalNav li#gnav02 p.act a {
	background:url(../img/nav_ability.gif) no-repeat 0 -60px;
}
div#globalNav li#gnav03 p.act a {
	background:url(../img/nav_media.gif) no-repeat 0 -60px;
}
div#globalNav li#gnav04 p.act a {
	background:url(../img/nav_case.gif) no-repeat 0 -60px;
}
div#globalNav li#gnav05 p.act a {
	background:url(../img/nav_shopping.gif) no-repeat 0 -60px;
}
div#globalNav li#gnav06 p.act a {
	background:url(../img/nav_profile.gif) no-repeat 0 -60px;
}

/*20111018Q&Aコンテンツ用に追加*/
div#globalNav li#gnav07 p.act a {
	background:url(../img/nav_qa.gif) no-repeat 0 -60px;
}
div#globalNav ul.mid {
	width:157px;
	padding:10px 0;
	border-top:1px #a25839 solid;
	position:absolute;
	left:0;
	top:60;
	width:157px;
	display:none;
	background:url(../img/bg_mid.png) repeat 0 0;
}
* html div#globalNav ul.mid {
	background:url(../img/bg_mid_ie6.png) repeat-y 0 0;
}
div#globalNav ul.mid li a {
	width:127px;
	color:#FFF;
	padding:3px 10px 3px 20px;
}
div#globalNav ul.mid li a:link,
div#globalNav ul.mid li a:visited {
	background:url(../img/ico_mid.gif) no-repeat 10px 4px;
}
div#globalNav ul.mid li a:hover,
div#globalNav ul.mid li a:active {
	background:#b54a28 url(../img/ico_mid.gif) no-repeat 10px 4px;
}
div#globalNav ul.mid li ul.sid li a {
	width:117px;
	padding:3px 10px 3px 30px;
}
div#globalNav ul.mid li ul.sid li a:link,
div#globalNav ul.mid li ul.sid li a:visited {
	background:url(../img/ico_sid.gif) no-repeat 20px 4px;
}
div#globalNav ul.mid li ul.sid li a:hover,
div#globalNav ul.mid li ul.sid li a:active {
	background:#b54a28 url(../img/ico_sid.gif) no-repeat 20px 4px;
}
div#globalNav ul.mid li ul.sid li.bottom a:link,
div#globalNav ul.mid li ul.sid li.bottom a:visited {
	background:url(../img/ico_sid_bottom.gif) no-repeat 20px 4px;
}
div#globalNav ul.mid li ul.sid li.bottom a:hover,
div#globalNav ul.mid li ul.sid li.bottom a:active {
	background:#b54a28 url(../img/ico_sid_bottom.gif) no-repeat 20px 4px;
}

/* ################################################################################
	[Content] Setting Content styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. topic path
   ------------------------------------------------------------ */
div#content div#topicPath {
	width:auto;
	color:#808080;
	font-size:11px;
	padding:0 30px 0 0;
	margin:0 0 20px;
}

/* ------------------------------------------------------------
	2. Main Body
   ------------------------------------------------------------ */
div#main .pageTtl {
	width:610px;
	padding:0 40px 0 20px;
}
div#main .subTtl {
	width:570px;
	border-top:#e9e5e1 1px solid;
	border-bottom:#e9e5e1 1px solid;
	color:#221815;
	font-weight:bold;
	padding: 5px 20px;
	margin:25px 40px 0 20px;
	background:url(../img/bg_subttl.gif) repeat 0 0;
}
div#main .crossHead {
	font-weight:bold;
	margin:0 0 5px;
}
div#main .contentBloc {
	width:610px;
	padding:20px 40px 5px 20px;
	line-height:1.6;
	text-align:justify;
}
div#main .contentBloc .contentImg {
	width:610px;
}
div#main .contentBloc .leftBloc {
	width:140px;
	float:left;
}
div#main .contentBloc .rightBloc {
	width:450px;
	float:right;
}
div#main .contentBloc table.tblData {
	width:100%;	
}
div#main .contentBloc table.tblData thead th {
	font-weight:bold;
	padding:0 0 5px;
}
div#main .contentBloc table.tblData tfoot td {
	text-align:right;
	font-size:10px;
	padding:5px 0;
}
div#main .contentBloc table.tblData tbody th {
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	font-weight:bold;
	padding:5px 0 5px 15px;
	width:140px;
}
div#main .contentBloc table.tblData tbody td {
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	padding:5px 15px;
	width:auto;
}
div#main .contentBloc table.tblData tbody td.privacy {
	width:200px;
}
div#main .contentBloc table.tblData tbody td.privacy100 {
	width:450px;
}
div#main .contentBloc table.tblData tbody .odd {
	background:#f5f5f5;
}

div#main .contentColm {
	width:570px;
	padding:20px 16px;
	border:#e6e6e6 4px solid;
	background:#f5f5f5;
	margin:15px 0 0 20px;
	line-height:1.6;
}
div#main dl.contentInfo,
.qaLayout dl.contentInfo {
	width:602px;
	border:#eaeaea 4px solid;
	background:#fafafa;
	margin:20px 30px 0 20px;
	line-height:1.6;
}
.qaLayout dl.contentInfo {
	margin:20px auto 0;
}
div#main dl.contentInfo dt,
.qaLayout dl.contentInfo dt {
	width:560px;
	border-bottom:1px #eaeaea solid;
	padding:14px 21px;
}
div#main dl.contentInfo dd,
.qaLayout dl.contentInfo dd {
	width:560px;
	padding:10px 21px;
}


div#main dl.contentInfo dd.line,
.qaLayout dl.contentInfo dd.line {
	width:560px;
	padding:10px 21px;
	border-bottom:1px #eaeaea solid;
}
div#main dl.contentInfo dd.line .contactBody .contactBodyLeft,
.qaLayout dl.contentInfo dd.line .contactBody .contactBodyLeft {
	width:130px;
	float:left;
}
div#main dl.contentInfo dd.line .contactBody .contactBodyMid,
.qaLayout dl.contentInfo dd.line .contactBody .contactBodyMid {
	float:left;
	width:206px;
}
div#main dl.contentInfo dd.line .contactBody .contactBodyRight,
.qaLayout dl.contentInfo dd.line .contactBody .contactBodyRight {
	float:right;
	width:200px;
}


div#main dl.contentInfo dd.line2,
.qaLayout dl.contentInfo dd.line2 {
	width:560px;
	padding:10px 21px;
}
div#main dl.contentInfo dd.line2 .contactBody .contactBodyLeft,
.qaLayout dl.contentInfo dd.line2 .contactBody .contactBodyLeft {
	width:130px;
	float:left;
}
div#main dl.contentInfo dd.line2 .contactBody .contactBodyMid,
.qaLayout dl.contentInfo dd.line2 .contactBody .contactBodyMid {
	float:left;
	width:206px;
}
div#main dl.contentInfo dd.line2 .contactBody .contactBodyRight,
.qaLayout dl.contentInfo dd.line2 .contactBody .contactBodyRight {
	float:right;
	width:200px;
}

div#main dl.contentInfo dd .contactBody,
.qaLayout dl.contentInfo dd .contactBody {
	width:560px;
	background:url(../img/bg_sub_contact_divide.gif) repeat-y 343px 0;
}
div#main dl.contentInfo dd .contactBody .contactBodyLeft,
.qaLayout dl.contentInfo dd .contactBody .contactBodyLeft {
	width:326px;
	float:left;
}
div#main dl.contentInfo dd .contactBody .contactBodyRight,
.qaLayout dl.contentInfo dd .contactBody .contactBodyRight {
	float:right;
	width:200px;
}


div#main dl.contentInfo dd .contactBody .contactBodyRight p.txt12,
.qaLayout dl.contentInfo dd .contactBody .contactBodyRight p.txt12 {
	font-size:9px;
	margin:0 0 6px 0;
}
.contentBloc ol li.no {
	list-style-type:decimal;
	margin-left:20px;
}

/* ------------------------------------------------------------
	3. Page Navi
   ------------------------------------------------------------ */
div#main .pagedNav {
	width:610px;
	padding:20px 40px 5px 20px;
	text-align:center;
}
div#main .pagedNav table.navBox {
	width:auto;
	margin:0 auto;
	font-size:11px;
	text-align:center;
	vertical-align:top;
}
div#main .pagedNav table.navBox td.prev {
	width:54px;
	height:19px;
	background:url(../img/btn_prev_off.gif) no-repeat 0 0;
}
div#main .pagedNav table.navBox td.prev a {
	width:54px;
	height:19px;
	display:block;
	text-indent:-9999em;
}
div#main .pagedNav table.navBox td.prev a:link,
div#main .pagedNav table.navBox td.prev a:visited {
	background:url(../img/btn_prev.gif) no-repeat 0 0;
}
div#main .pagedNav table.navBox td.prev a:hover,
div#main .pagedNav table.navBox td.prev a:active {
	background:url(../img/btn_prev_over.gif) no-repeat 0 0;
}
div#main .pagedNav table.navBox td.pageNum {
	padding:0 10px;
	width:auto;
}
div#main .pagedNav table.navBox td.pageNum ol li {
	float:left;
	margin:0 3px;
}
* html div#main .pagedNav table.navBox td.pageNum ol li {
	width:10px;
}
div#main .pagedNav table.navBox td.pageNum ol li a {
	display:block;
	height:17px;
	line-height:17px;
	padding:0 4px;
	text-align:center;
	vertical-align:middle;
}
div#main .pagedNav table.navBox td.pageNum ol li a:link,
div#main .pagedNav table.navBox td.pageNum ol li a:visited {
	border:1px solid #DFDFDF;
	color:#999999;
	text-decoration:none;
}
div#main .pagedNav table.navBox td.pageNum ol li a:hover,
div#main .pagedNav table.navBox td.pageNum ol li a:active {
	border:1px solid #bd6335;
	text-decoration:none;
	background:#bd6335;
	color:#fff;
}
div#main .pagedNav table.navBox td.pageNum ol li span {
	display:block;
	height:19px;
	line-height:19px;
	padding:0 4px;
	text-align:center;
	vertical-align:middle;
}
div#main .pagedNav table.navBox td.next {
	width:54px;
	height:19px;
	background:url(../img/btn_next_off.gif) no-repeat 0 0;
}
div#main .pagedNav table.navBox td.next a {
	width:54px;
	height:19px;
	display:block;
	text-indent:-9999em;
}
div#main .pagedNav table.navBox td.next a:link,
div#main .pagedNav table.navBox td.next a:visited {
	background:url(../img/btn_next.gif) no-repeat 0 0;
}
div#main .pagedNav table.navBox td.next a:hover,
div#main .pagedNav table.navBox td.next a:active {
	background:url(../img/btn_next_over.gif) no-repeat 0 0;
}

/* ------------------------------------------------------------
	4. local menu
   ------------------------------------------------------------ */
div#menu .localNav {
	width:200px;
	background:#e9e5e1 url(../img/bg_lnav_top.gif) no-repeat 0 0;
	font-size:12px;
	margin:0 0 15px;
}
div#menu .localNav dl {
	width:194px;
	background:url(../img/bg_lnav_bottom.gif) no-repeat left bottom;
	padding:3px;
}
div#menu .localNav dl h3 {
	line-height:0;
}
div#menu .localNav dd {
	width:192px;
	background:#fff;
	border-right:1px solid #c6c3bf;
	border-bottom:1px solid #c6c3bf;
	border-left:1px solid #c6c3bf;
}
div#menu .localNav .borderTop {
	border-top:1px solid #c6c3bf;
}
div#menu .localNav dd li {
	width:192px;
	padding:0 0 1px;
	background:url(../img/bg_lnav_divide.gif) no-repeat left bottom;
}
div#menu .localNav dd li.lastChid {
	background:none;
	padding:0;
}
div#menu .localNav dd li a {
	display:block;
	width:158px;
	padding:10px 7px 10px 27px;
}
div#menu .localNav dd li a:link,
div#menu .localNav dd li a:visited {
	background:#fff url(../img/ico_triangle.gif) no-repeat 13px 50%;
	color:#666666;
	text-decoration:none;
}
div#menu .localNav dd li a:hover,
div#menu .localNav dd li a:active {
	background:#f7f2eb url(../img/ico_triangle.gif) no-repeat 13px 50%;
	color:#bd6335;
	text-decoration:underline;
}
div#menu .localNav dd li ul li {
	width:192px;
	padding:1px 0 0;
	background:url(../img/bg_lnav_divide.gif) no-repeat left top;
}
div#menu .localNav dd li ul li a {
	display:block;
	width:145px;
	padding:10px 7px 10px 40px;
}
div#menu .localNav dd li ul li a:link,
div#menu .localNav dd li ul li a:visited {
	background:#fff url(../img/ico_triangle.gif) no-repeat 26px 50%;
	color:#666666;
	text-decoration:none;
}
div#menu .localNav dd li ul li a:hover,
div#menu .localNav dd li ul li a:active {
	background:#f7f2eb url(../img/ico_triangle.gif) no-repeat 26px 50%;
	color:#bd6335;
	text-decoration:underline;
}

/* ################################################################################
	[Footer] Setting footer styles
   ################################################################################ */
div#footer ul.footNav {
	float:left;
	margin:0 10px 0 0;
}
div#footer ul.footNav li {
	float:left;
	margin:0 15px 0 0;
}
div#footer .footLogo {
	text-align:right;
	float:right;
}
div#footer .copyright {
	float:left;
}

/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
.cfx:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.cfx {display:inline-block;}
/* exclude MacIE5 [start] \*/
* html .cfx {height:1%;}
.cfx {display:block;}
/* exclude MacIE5 [end] */

/* ------------------------------------------------------------
	media/extra　2011.07.06 追加
   ------------------------------------------------------------ */
p span.fontsaize_up {
	font-size:14px;
	font-weight:bold;
}