/*** *****　　レイアウトファイル　　 ***** ***/
/*** ** created by akira nakamura. 20100201 ** ***/

/*----------------------------------------
	headerArea
----------------------------------------*/

div#topBG {
	background: url(../img/visionaly/topimg02.jpg) no-repeat top center;
	width:100%;
    min-height: 100%;
    height: auto !important;
    height: 100%; /* ie用に設定 */
    margin: 0 auto -214px;
	text-align:left; 
    /* class="footer"と同じ高さ(100px)の負の値を入力 */
}

div#topBG2 {
  background: url(../img/visionaly/topimg05.jpg) no-repeat top center;
  width:100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -214px;
  text-align:left; 
}

div#topBG3 {
  background: url(../img/visionaly/topimg2014.jpg) no-repeat top center;
  width:100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -214px;
  text-align:left; 
}

/*==[ headerBlock ]==*/
#gnIndex div#headerArea div#headerBlock {
	margin:0 auto;
	padding:0;
	width:862px;
	height:auto;
	min-height:80px;
	text-align:left;
	background:none #fff;
	_height:80px; /* IE 6.x */

}

@charset "shift-jis";


div#main div#globalNavi {
	width:914px;
	padding:291px 0 0 0;
	margin:0 auto;
}

div#main div#globalNavi ul, div#u_globalNavi ul {
	list-style:none;
}
div#main div#globalNavi ul li, div#u_globalNavi ul li {
	display:inline;
}

div#flash {
	width:100%;
	height:356px;
	margin:0 auto 14px auto;
	clear:both;
}



/* override デフォルト設定の変更 */


/*==[ headerArea ]========================================*/
div#headerArea {
	font-size:75%; /* IE 6.x */
	text-align:center;
	
}

/*==[ headerBlock ]===================*/
div#headerArea div#headerBlock {
	margin:0 auto;
	width:862px;
	height:auto;
	min-height:80px;
	text-align:left;
	background-color:#fff;
	_height:80px; /* IE 6.x */

}

div#headerArea div#headerBlock:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

/*==[ logo ]==*/
div#headerArea div#headerBlock h1 {
	float:left;
	width:250px;
}

div#headerArea div#headerBlock h1 img {
	margin:15px 0 10px 0;
}

/*==[ div ]==*/
div#headerArea div#headerBlock div {
	float:right;
	margin:30px 77px 0 0;
	width:223px;
	_display:inline; /* IE */
}

/*- navigation 01 -*/
div#headerArea div#headerBlock div ul {
	margin:0;
	border-bottom:1px solid #fff; /* NN 7.x */
	text-align:right;
	zoom:100%; /* IE */
}

div#headerArea div#headerBlock div ul:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#headerArea div#headerBlock div ul li {
	float:left;
	margin:0 15px 0 0;
}

div#headerArea div#headerBlock div ul li#hdNvBlank {
	float:right;
	margin:0 5px 0 0;
}

/* link 01 */
div#headerArea div#headerBlock div ul li a {
	padding:2px 0 2px 21px;
	color:#4d4d4d;
	background: url(../img/top/icon2.png) center left no-repeat;
}

div#headerArea div#headerBlock div ul li a:hover {
	color:#003D73;
	text-decoration:underline;
}

/* link 02 */
div#headerArea div#headerBlock div ul li#hdNvBlank a {
	background:url(../img/top/icon1.png) center left no-repeat;
}

/*- navigation 02 -*/
div#headerArea div#headerBlock div dl {
	position:absolute;
	left:-9999px;
}

/*- form -*/
div#headerArea div#headerBlock div form {
	clear:both;
	zoom:100%; /* IE */
}

/* POWERED BY goo */
div#headerArea div#headerBlock div form p {
	margin:0 0 3px 0;
}

div#headerArea div#headerBlock div form input {
	vertical-align:top;
}

/* text box */
div#headerArea div#headerBlock div form input#hdBrKeyword {
	display:block;
	float:left;
	border:1px solid #cdcdcd;
	width:168px;
	height:17px;
	color:#fff;
	_width:170px; /* IE */
	_height:19px; /* IE */
}

/* submit */
div#headerArea div#headerBlock div form input#hdBrSearch {
	display:block;
	float:left;
	margin:0 0 0 5px;
	_display:inline;
}




/*- 検索窓とニュースリンク -*/

div#headerArea div#headerBlock div#ind_newssearch{
	margin:10px 0 0 0;

}

div#ind_newssearch_left{
	float:left !important;
	padding:0 !important;
	margin:0 !important;
	width:81px !important;
}

div#ind_newssearch_right{
	margin:0 !important;
	width:211px !important;
}






/*==[ headerBlock ]==*/
#gnIndex div#headerArea div#headerBlock {
	margin:0 auto;
	padding:0;
	width:862px;
	height:auto;
	min-height:80px;
	text-align:left;
	background:none #fff;
	_height:80px; /* IE 6.x */

}


/*----------------------------------------
	navigationArea
----------------------------------------*/

div#navigationArea {
	clear:both;
	text-align:center;
	
}

div#navigationArea {
	clear:both;
	text-align:center;
	background: url(../img/top/side_back2.jpg) top left repeat;
}

/*==[ navigation ]===================*/
div#navigationArea ul {
	margin:0 auto;
	width:862px;
	background-color:#292929;
	_margin:0;
}

div#navigationArea ul:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#navigationArea ul li {
	display:inline;
}

/*==[ button common ]==*/
div#navigationArea ul li a {
	display:block;
	float:left;
	/*\*/
	overflow:hidden;
	/**/
	height:43px;
	text-indent:-9999px;
	background: url(../img/visionaly/menu.gif) top left no-repeat;
}

div#navigationArea ul li a:hover {
	text-decoration:none; /* NN 7.x */
}

/*==[ 商品・サービス ]==*/
div#navigationArea ul li#nvSolution a {
	width:134px;
	background-position:0 0;
}

/*- over -*/
div#navigationArea ul li#nvSolution a:hover {
	background: rl(../img/visionaly/menu.gif) top left no-repeat;
	background-position:0 -41;
}



/*==[ 事例紹介 ]==*/
div#navigationArea ul li#nvCase a {
	width:180px;
	background-position:-134px 0;
}

/*- over -*/
div#navigationArea ul li#nvCase a:hover {
	background:rl(../img/visionaly/menu.gif) top left no-repeat;
	background-position:-134px -41;
}



/*==[ 体験セミナー ]==*/
div#navigationArea ul li#nvResearch a {
	width:131px;
	background-position:-314px 0;
}

/*- over -*/
div#navigationArea ul li#nvResearch a:hover {
	background:rl(../img/visionaly/menu.gif) top left no-repeat;
	background-position:-314px -41;
}



/*==[ プロフィール ]==*/
div#navigationArea ul li#nvActivity a {
	width:133px;
	background-position:-445px 0;
}

/*- over -*/
div#navigationArea ul li#nvActivity a:hover {
	background:rl(../img/visionaly/menu.gif) top left no-repeat;
	background-position:-445px -41;
}



/*==[ 会社概要 ]==*/
div#navigationArea ul li#nvCorporate a {
	width:144px;
	background-position:-578px 0;
}

/*- over -*/
div#navigationArea ul li#nvCorporate a:hover {
	background:rl(../img/visionaly/menu.gif) top left no-repeat;
	background-position:-578px -41;
}



/*==[ お問い合わせ ]==*/
div#navigationArea ul li#nvEmploy a {
	width:140px;
	background-position:-722px 0;
}

/*- over -*/
div#navigationArea ul li#nvEmploy a:hover {
	background:url(../img/visionaly/menu.gif) top left no-repeat;
	background-position:-722px -41;
}





/*----------------------------------------
	contentsArea
----------------------------------------*/


div#contentsArea {
	background-image:none;
}


div#contentsArea {
	line-height:140%;
	text-align:center;
	background: url(../img/top/side_back.jpg) top left repeat-x;
}


/*==[ contentsBlock ]===================*/
div#contentsArea div#contentsBlock,
div#contentsArea div#contentsBlockNSS {
	margin:0 auto;
	width:862px;
	min-height:500px;
	text-align:left;
	background: url(../img/top/line_bg.gif) top center repeat-y;
	_height:500px; /* IE */
	border-bottom:1px solid #fff; /* NN 7.x */

}

div#contentsArea div#contentsBlock:after,
div#contentsArea div#contentsBlockNSS:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}



/*==[ breadCrumbSection ]==*/
div#contentsArea div#contentsBlock div#breadCrumbSection,
div#contentsArea div#contentsBlockNSS div#breadCrumbSection {
	position:relative;
	padding:8px 10px 8px 245px;
	color:#4d4d4d;
	font-size:75%; /* IE 6.x */
	background-color:#eeeeee;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

/* business bread crumb */
div#contentsArea div#contentsBlock div#mainSection div#breadCrumbSection,
div#contentsArea div#contentsBlockNSS div#mainSection div#breadCrumbSection {
	padding:0;
	background-color:#ffffff;
	margin-bottom:15px;
}
div#mainSection div#breadCrumbSection table {
	margin:0 auto;
}
div#mainSection div#breadCrumbSection ul {
	margin:0;
	padding:0;
	width:auto !important;
	_font-size:65%; /* IE 6.x */
}

html > body div#contentsArea div#contentsBlock div#breadCrumbSection,
html > body div#contentsArea div#contentsBlockNSS div#breadCrumbSection {
	font-size:75%;
	/*変更font-size:11px;*/
}

/* list */
div#breadCrumbSection ul li {
	display:inline;
	padding:0 0 0 4px;
}

/* anchor */
div#breadCrumbSection ul li a {
	padding:0 8px 0 0;
	background: url(../img/top/pankuzu.gif) center right no-repeat;
}

/* strong */
div#breadCrumbSection ul li strong {
	font-weight:normal;
}

/*==[ solutionLinkBtn ]==*/
div#mainSection .solutionLinkBtn{
	text-align:right;
	margin-bottom:20px;
}
div#mainSection .solutionLinkBtn p{
	display:inline;
}


div#mainSection {
	line-height:150%;
}



/*- リード文 -*/
div#mainSection p.leadText {
	margin:0 0 20px 0 !important;
}

/*- 注釈(文中) -*/
div#mainSection sup {
	vertical-align:text-bottom;
	color:#c00;
}




/*- 注釈(説明文) -*/
div#mainSection div.notesText div p {
	margin:0 0 5px 2.7em !important;
	font-size:100%; /* IE */
	font-size:80%; /* IE */
	line-height:150%;

	text-indent:-2.7em;
}

/*- 注釈(PDF) -*/
div#mainSection div.notesTextPdf {
	margin:50px 0 20px 5px;
	padding:10px;
	border:1px solid #EDEDED;
	background:#F7F7F7;
}
div#mainSection div.notesTextPdf p {
	margin:0 0 5px 2.9em !important;
	text-indent:-2.9em;
}
div#mainSection div.notesTextPdf p strong {
	margin:0 5px 0 0;
}


html > body div#mainSection div.notesText div p {
	font-size:80%;
	
	/*変更font-size:11px;*/
}

div#mainSection div.notesText div p strong {
	color:#c00;
}

/*- 画像 -*/
/* 左 */
div#mainSection p span.imgLeft {
	display:block;
	float:left;
	margin:0 10px 5px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

/* 右 */
div#mainSection p span.imgRight {
	display:block;
	float:right;
	margin:0 0 5px 10px;
	padding:4px;
	border:1px solid #c5c5c5;
}

div#mainSection p span.imgRight01 {
	display:block;
	float:right;
	margin:0 0 5px 10px;
	padding:4px;
	border:none;
}


/*==[ table ]==*/
div#mainSection table.uniTable {
	margin:0 0 20px 5px;
	width:100%;
	table-layout:fixed;
	font-size:100%; /* IE */
}
div#mainSection table.tableLayout {
	table-layout:auto;
}

html > body div#mainSection table.uniTable {
	/*変更font-size:12px;*/
}

div#mainSection table.uniTable,
div#mainSection table.uniTable th,
div#mainSection table.uniTable td {
	border:1px solid #dbdbdb;
}

div#mainSection table.uniTable tr {
	vertical-align:top;
}

/*- caption -*/
div#mainSection table.uniTable caption {
	margin:0 0 5px 5px;
	font-weight:bold;
}

/*- 見出しセル1 -*/
div#mainSection table.uniTable th.tHeading_01 {
	padding:3px 10px;
	color:#fff;
	background-color:#ababab;
}

/*- 見出しセル2 -*/
div#mainSection table.uniTable th.tHeading_02 {
	padding:7px 10px;
	font-weight:normal;
	background-color:#eee;
}

/*- セル -*/
div#mainSection table.uniTable td {
	padding:7px 10px;
}

/*==[ 定義 ]==*/
div#mainSection dfn {
	display:block;
	margin:0 20px 20px 20px;
	padding:8px 12px;
	border:3px solid #dbdbdb;
	font-style:normal;
	background-color:#f7f7f7;
}

/*==[ リンク ]==*/
/*- 汎用 -*/
div#mainSection a.linkIcon_01 {
	padding:2px 0 2px 20px;
	background:url(../img/top/icon1.png) 4px 0.35em no-repeat;
	_height:1px; /* IE */
}

*+html div#mainSection a.linkIcon_01 {
	padding:2px 0 2px 20px;
	background:url(../img/top/icon1.png) 4px 0.5em no-repeat;
	_height:1px; /* IE */
}




div#mainSection a.linkIcon_01,
div#mainSection a.linkIcon_02,
div#mainSection a.linkIcon_03,
div#mainSection a.linkIcon_04 {
	color:#666;
	font-size:80%; /* IE */
	line-height:100%;
}

html > body div#mainSection a.linkIcon_01,
html > body div#mainSection a.linkIcon_02,
html > body div#mainSection a.linkIcon_03,
html > body div#mainSection a.linkIcon_04 {
	padding:2px 0 3px 20px;
}

div#mainSection a.linkIcon_01:hover,
div#mainSection a.linkIcon_02:hover,
div#mainSection a.linkIcon_03:hover,
div#mainSection a.linkIcon_04:hover {
	color:#003D73;
	text-decoration:underline;
}

div#mainSection div.relationList_01 a.linkIcon_01 {
	background:url(../img/top/icon1.png) 0 0.35em no-repeat;
}




/*==[ リスト ]==*/
div#mainSection li {
	margin:0 0 10px 0;
}



/*- ordered list -*/
div#mainSection ol.oList {
	margin:0 0 20px 27px;
}

html > body div#mainSection ol.oList {
	margin:0 0 20px 24px;
}

div#mainSection ol.oList li {
	list-style-type:decimal;
}

/*- 2 column list (sideSectionあり) -*/
div#contentsBlock div#mainSection .twoColumnList {
	zoom:100%;
	border-bottom:1px solid #fff; /* NN 7.x */
}

div#contentsBlock div#mainSection .twoColumnList:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#contentsBlock div#mainSection .twoColumnList li {
	float:left;
	margin:0 10px 10px 0;
	width:250px;
	_display:inline; /* IE 6.x */
}
div#contentsBlock div#mainSection .twoColumnList li.right {
	float:right;
	text-align:right;
}

/*- 3 column list (sideSectionあり) -*/
div#contentsBlock div#mainSection .threeColumnList {
	zoom:100%;
	border-bottom:1px solid #fff; /* NN 7.x */
}

div#contentsBlock div#mainSection .threeColumnList:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#contentsBlock div#mainSection .threeColumnList li {
	float:left;
	margin:0 10px 10px 0;
	width:165px;
	_display:inline; /* IE 6.x */
}
div#contentsBlock div#mainSection .threeColumnList li.right {
	float:right;
	text-align:right;
}

/*- 2 column list (sideSectionなし) -*/
div#contentsBlockNSS div#mainSection .twoColumnList {
	zoom:100%;
	border-bottom:1px solid #fff; /* NN 7.x */
}

div#contentsBlockNSS div#mainSection .twoColumnList:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#contentsBlockNSS div#mainSection .twoColumnList li {
	float:left;
	margin:0 10px 10px 0;
	width:350px;
	_display:inline; /* IE 6.x */
}

/*- 3 column list (sideSectionなし) -*/
div#contentsBlockNSS div#mainSection .threeColumnList {
	zoom:100%;
	border-bottom:1px solid #fff; /* NN 7.x */
}

div#contentsBlockNSS div#mainSection .threeColumnList:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#contentsBlockNSS div#mainSection .threeColumnList li {
	float:left;
	margin:0 10px 10px 0;
	width:230px;
	_display:inline; /* IE 6.x */
}

/*- definition list -*/
div#mainSection div.dList {
	margin:0 0 0 20px;
	padding:0 0 10px 0;
}

div#mainSection dl {
	margin:0 0 10px 0;
	padding:0 0 0 13px;
	border-left:3px solid #dbdbdb;
}

div#mainSection dl dt {
	margin:0 0 8px 0;
	font-weight:bold;
}

/*==[ line ]==*/
div#mainSection div.line_01 {
	margin:0 0 20px 5px;
	height:1px;
	background:url(../img/top/co_ln_03.gif) left top repeat-x;
}

div#mainSection div.line_02 {
	margin:0 0 20px 5px;
	height:1px;
	background-color:#ccc;
}

/*==[ relation list ]==*/
div#mainSection div.relationList {
	margin:0 0 40px 0;
}

/*- first line -*/
div#mainSection div.relationList_01 {
	margin:0 0 0 5px;
	padding:8px 12px;
	border-top:3px solid #00a99e;
	border-bottom:1px solid #00a99e;
	background-color:#f7f7f7;
}

/*- other line -*/
div#mainSection div.relationList_02 {
	margin:-1px 0 0 5px;
	padding:8px 12px;
	border-bottom:1px solid #00a99e;
	background: url(../img/top/line_01.gif) left top repeat-x #f7f7f7;
}

div#mainSection div.relationList ul {
	margin:0 !important;
}

div#mainSection div.relationList ul li {
	margin:0 0 3px 0 !important;
}




/*==[ pagination ]==*/
div#mainSection div.pagination {
	margin:0 40px 40px 40px;
	padding:18px 10px 6px 10px;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	font-size:90%; /* IE */
	line-height:100%;
	text-align:center;
	zoom:100%;
	_font-size:80%; /* IE */

}

html > body div#mainSection div.pagination {
	font-size:75%;
	/*変更font-size:11px;*/
}

div#mainSection div.pagination:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#mainSection div.pagination ul {
	margin:-10px 0 0 0 !important;
	min-height:1px;
	_height:1px;
}

div#mainSection div.pagination ul li {
	padding:0 !important;
	background-image:none !important;
}

div#mainSection div.pagination ul li a {
	color:#666;
	font-size:100%; /* IE */
	line-height:100%;
}

html > body div#mainSection div.pagination ul li a {
	/*変更font-size:11px;*/
}


div#mainSection div.pagination ul li a:hover {
	color:#003D73;
	text-decoration:none;
}


/*==[ page top ]==*/
/*- bottom -*/
div#mainSection p#pageTop {
	margin:30px 0 25px 0 !important;
	padding:10px 5px;
	font-size:75%; /* IE */
	text-align:right;
	background: url(../img/top/line_01.gif) left top repeat-x;
}

/*- ページの途中 -*/
div#mainSection p.pageTop {
	margin:0 5px 20px 0 !important;
	font-size:75%; /* IE */
	text-align:right;
}

html > body div#mainSection p#pageTop,
html > body div#mainSection p.pageTop {
	font-size:75%;
	/*変更font-size:11px;*/
}

div#mainSection p#pageTop a,
div#mainSection p.pageTop a {
	padding:3px 0 3px 16px;
	color:#666;
	background: url(../img/top/iconpagetop.gif) left center no-repeat;
}

div#mainSection p#pageTop a:hover,
div#mainSection p.pageTop a:hover {
	color:#003D73;
	text-decoration:none;
}

/*==[ float解除 ]==*/
.floatClear {
	zoom:100%;
}

.floatClear:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

/*==[ 位置 ]==*/
/*- 左 -*/
.textLeft {
	text-align:left;
}

/*- 中央 -*/
.textCenter {
	text-align:center;
}

/*- 右 -*/
.textRight {
	display:block;
	text-align:right;
}

/*- ブロック (囲み) -*/
div#mainSection div.textBorder {
	margin:0 0 20px 5px;
	padding:10px 15px 15px 10px;
	border:1px solid #EDEDED;
}
div#mainSection h5.textBorder {
	margin:0 0 0 5px;
	border-bottom:0;
}
div#mainSection div.textBorder h6.textBorder {
	margin:0 0 15px 0;
	padding:8px 0 5px 0;
	border-bottom:4px solid #EDEDED;
	font-weight:normal;
}
div#mainSection div.textBorder table.uniTable {
	_width:550px;
}



/*==[ sideSection ]==*/
#gnIndex div#sideSection {
    float:right;
	margin:20px 25px 0 0;
}




/*==[ 見出し ]==*/
div#mainSection h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

/*==[ 段落 ]==*/
div#contentsArea div#contentsBlock div#mainSection p {
	margin:0;
}

/*==[ mainSection ]==*/
#gnIndex div#mainSection {
    float:left;
	margin:20px 25px 0 25px;
	width:812px;
	_display:inline;
}


div#contentsBlock div#mainSection {
	font-size:100%;
	line-height:140%;
	_font-size:100%; /* IE */
}


/* override デフォルト設定の変更終了 */

/*==[ ind_PromotionArea ]===================*/
div#ind_PromotionArea div#ind_PromotionSection {
	margin:0 auto;
	width:100%;
	height:380px;
	background-color:#fff;
}

div#ind_PromotionArea div div#noFlp,
div#ind_PromotionArea div div#noJs {
	padding:150px 20px 10px 20px;
}

div#ind_PromotionArea div div#noFlp p,
div#ind_PromotionArea div div#noJs p {
	margin:0 0 10px 0;
}

div#ind_PromotionArea div div#noFlp p a,
div#ind_PromotionArea div div#noJs p a {
	text-decoration:none;
}

div#ind_PromotionArea div div#noFlp p img,
div#ind_PromotionArea div div#noJs p img {
	margin:0 0 0 20px;
	vertical-align:middle;
}

/*----------------------------------------
	sideSectionありのbreadCrumbSection設定
----------------------------------------*/
/*- list -*/
div#contentsArea div#contentsBlock div#breadCrumbSection ul {
	width:610px;
}

/*----------------------------------------
	sideSectionなしのbreadCrumbSection設定
----------------------------------------*/
/*- list -*/
div#contentsArea div#contentsBlockNSS div#breadCrumbSection ul {
	width:800px;
}





/*----------------------------------------
	mainSection
----------------------------------------*/


div#mainSection a.ind_LinkIcon{
	padding:1px 0 1px 20px;
	color:#666;
	font-size:80%;
	background: url(../img/top/icon2.png) 0 3px no-repeat;
	_height:1px; /* IE 6.x */
	_background:url(../img/top/icon2.png) 0 0.5em no-repeat; /* IE 6.x */
	
}

div#mainSection a.ind_LinkIcon:hover{
	color:#003D73;
}

div#mainSection {
	float: right;
	margin:20px 25px 0 0;
	width:586px;
	_display:inline;
}

/*==[ column ]===================*/
/*==[ 2 column (h3が入る場合) ]==*/
/* left */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn {
	float:left;
	width:283px;
}

/* right */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn {
	float:right;
	width:283px;
}

/*- 画像が入る場合 (画像:左) -*/
/* image */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn div.twoColumnImageLeft,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn div.twoColumnImageLeft {
	float:left;
	width:106px;
}

div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn div.twoColumnImageLeft span,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn div.twoColumnImageLeft span { /* IE対策のためのspan */
	display:block;
	margin:0 0 20px 0;
	padding:4px 0;
	text-align:center;
	border:1px solid #c5c5c5;
}

/* text */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn div.twoColumnTextRight,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn div.twoColumnTextRight {
	float:right;
	width:165px;
}

/*- 画像が入る場合 (画像:右) -*/
/* image */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn div.twoColumnImageRight,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn div.twoColumnImageRight {
	float:right;
	width:106px;
}

div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn div.twoColumnImageRight span,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn div.twoColumnImageRight span { /* IE対策のためのspan */
	display:block;
	margin:0 0 20px 0;
	padding:4px 0;
	text-align:center;
	border:1px solid #c5c5c5;
}

/* text */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn div.twoColumnTextLeft,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn div.twoColumnTextLeft {
	float:left;
	width:165px;
}

/* override */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.twoColumnTextLeft p,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.twoColumnTextRight p {
	margin:0 0 10px 0;
}


/*==[ 2 column (その他) ]==*/
div#contentsBlock div#mainSection div.twoColumn_01 {
	margin:0 0 0 5px;
}
/* left */
div#contentsBlock div#mainSection div.twoColumn_01 div.leftColumn {
	float:left;
	width:273px;
}

/* right */
div#contentsBlock div#mainSection div.twoColumn_01 div.rightColumn {
	float:right;
	width:273px;
}

/*- 画像が入る場合 (画像:左) -*/
/* image */
div#contentsBlock div#mainSection div.twoColumn_01 div.leftColumn div.twoColumnImageLeft,
div#contentsBlock div#mainSection div.twoColumn_01 div.rightColumn div.twoColumnImageLeft {
	float:left;
	width:111px;
}

div#contentsBlock div#mainSection div.twoColumn_01 div.leftColumn div.twoColumnImageLeft span,
div#contentsBlock div#mainSection div.twoColumn_01 div.rightColumn div.twoColumnImageLeft span { /* IE対策のためのspan */
	display:block;
	margin:0 0 20px 5px;
	padding:4px 0;
	text-align:center;
	border:1px solid #c5c5c5;
}

/* text */
div#contentsBlock div#mainSection div.twoColumn_01 div.twoColumnTextRight {
	float:right;
	width:155px;
}

/*- 画像が入る場合 (画像:右) -*/
/* image */
div#contentsBlock div#mainSection div.twoColumn_01 div.leftColumn div.twoColumnImageRight,
div#contentsBlock div#mainSection div.twoColumn_01 div.rightColumn div.twoColumnImageRight {
	float:right;
	width:111px;
}

div#contentsBlock div#mainSection div.twoColumn_01 div.leftColumn div.twoColumnImageRight span,
div#contentsBlock div#mainSection div.twoColumn_01 div.rightColumn div.twoColumnImageRight span { /* IE対策のためのspan */
	display:block;
	margin:0 0 20px 5px;
	padding:4px 0;
	text-align:center;
	border:1px solid #c5c5c5;
}

/* text */
div#contentsBlock div#mainSection div.twoColumn_01 div.twoColumnTextLeft {
	float:left;
	width:155px;
}

/*==[ 3 column ]==*/
div#contentsBlock div#mainSection div.threeColumn_01 {
	margin:0 0 15px 10px;
}

div#contentsBlock div#mainSection div.threeColumn_01 h4,
div#contentsBlock div#mainSection div.threeColumn_01 h5,
div#contentsBlock div#mainSection div.threeColumn_01 h6 {
	margin:0 0 5px 0 !important;
}

html > body div#contentsBlock div#mainSection div.threeColumn_01 p {
	font-size:75%;
	/*変更font-size:10px;*/
}

/* left */
div#contentsBlock div#mainSection div.threeColumn_01 div.leftColumn {
	float:left;
	width:178px;
}

/* center */
div#contentsBlock div#mainSection div.threeColumn_01 div.centerColumn {
	float:left;
	margin:0 0 0 21px;
	width:178px;
	_display:inline; /* IE 6.x */
}

/* right */
div#contentsBlock div#mainSection div.threeColumn_01 div.rightColumn {
	float:right;
	width:178px;
}

div#contentsBlock div#mainSection div.threeColumn_01 div.leftColumn span,
div#contentsBlock div#mainSection div.threeColumn_01 div.centerColumn span,
div#contentsBlock div#mainSection div.threeColumn_01 div.rightColumn span {
	display:block;
	margin:0 0 5px 0;
	padding:4px 0;
	border:1px solid #c5c5c5;
	text-align:center;

}

div#contentsBlock div#mainSection div.threeColumn_01 p {
	margin:0 0 5px 0 !important;
}

/*==[ 2 column,3 column font size ]==*/
div#contentsBlock div#mainSection div.twoColumnTextLeft,
div#contentsBlock div#mainSection div.twoColumnTextRight,
div#contentsBlock div#mainSection div.threeColumn_01 p {
	font-size:100%; /* IE */
	line-height:120%;
}

html > body div#contentsBlock div#mainSection div.twoColumnTextLeft,
html > body div#contentsBlock div#mainSection div.twoColumnTextRight,
html > body div#contentsBlock div#mainSection div.threeColumn_01 p {
	font-size:100%;
	/*変更font-size:10px;*/
}


/*----------------------------------------
	columnサンプル
----------------------------------------*/
/*
画像などのfloat sample
<p>のクラス名を変更し、width、text-alignを調節して使用
※IE対策のため左右にdivを配置
*/
/*==[ 画像左 (classのNumber 01) ]==*/
/* left */
div#contentsBlock div#mainSection div.leftBlock_01 {
	float:left;
	width:245px;
	text-align:center;
}

div#contentsBlock div#mainSection div.leftBlock_01 span {
	display:block;
	margin:0 10px 3px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

div#contentsBlock div#mainSection div.leftBlock_01 em {
	font-size:75%; /* IE */
}

html > body div#contentsBlock div#mainSection div.leftBlock_01 em {
	font-size:75%;
	/*変更font-size:10px;*/
}

/* right */
div#contentsBlock div#mainSection div.rightBlock_01 {
	float:right;
	width:199px;
	margin-right:35px;
}

/*==[ 画像左 (classのNumber 02) ]==*/
/* left */
div#contentsBlock div#mainSection div.leftBlock_02 {
    margin-left:20px;
	float:left;
	width:300px;
}

div#contentsBlock div#mainSection div.leftBlock_02 span {
	display:block;
	margin:0 10px 3px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

div#contentsBlock div#mainSection div.leftBlock_02 em {
	font-size:75%; /* IE */
}

html > body div#contentsBlock div#mainSection div.leftBlock_02 em {
	font-size:75%;
	/*変更font-size:10px;*/
}

/* right */
div#contentsBlock div#mainSection div.rightBlock_02 {
	float:right;
	width:330px;
}

/*==[ 画像右 (classのNumber 02) ]==*/
/* right */
div#contentsBlock div#mainSection div.rightBlock_02 {
	float:right;
	width:180px;
	text-align:left;
}

div#contentsBlock div#mainSection div.rightBlock_02 span {
	display:block;
	margin:0 10px 3px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

div#contentsBlock div#mainSection div.rightBlock_02 em {
	font-size:75%;
	text-align:left; important
 /* IE */
}

html > body div#contentsBlock div#mainSection div.rightBlock_02 em {
	/*変更font-size:10px;*/
}


/*==[ 画像右 (classのNumber 03) ]==*/
/* right */
div#contentsBlock div#mainSection div.rightBlock_03 {
	float:right;
	width:170px;
	text-align:left;
}

div#contentsBlock div#mainSection div.rightBlock_03 span {
	display:block;
	margin:0 10px 3px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

div#contentsBlock div#mainSection div.rightBlock_03 em {
	font-size:75%;
	text-align:left; important
 /* IE */
}

html > body div#contentsBlock div#mainSection div.rightBlock_03 em {
	/*変更font-size:10px;*/
}

/*==[ 画像右 (classのNumber 04) ]==*/
/* right */
div#contentsBlock div#mainSection div.rightBlock_04 {
	float:right;
	width:245px;
	text-align:left;
}

div#contentsBlock div#mainSection div.rightBlock_04 span {
	display:block;
	margin:0 10px 3px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

div#contentsBlock div#mainSection div.rightBlock_04 em {
	font-size:75%;
	text-align:left; important
 /* IE */
}

html > body div#contentsBlock div#mainSection div.rightBlock_04 em {
	/*変更font-size:10px;*/
}

/*==[ 画像右 (classのNumber 05) ]==*/
/* right */
div#contentsBlock div#mainSection div.rightBlock_05 {
	float:right;
	width:140px;
	text-align:left;
}

div#contentsBlock div#mainSection div.rightBlock_05 span {
	display:block;
	margin:0 10px 3px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

div#contentsBlock div#mainSection div.rightBlock_05 em {
	font-size:75%;
	text-align:left; important
 /* IE */
}

html > body div#contentsBlock div#mainSection div.rightBlock_05 em {
	/*変更font-size:10px;*/
}




/*----------------------------------------
	サイド
----------------------------------------*/

div#sideSection {
	position:relative;
	z-index:100;
	float: left;
	margin:0 0 0 25px;
	width:206px;
	font-size:75%; /* IE 6.x */
	text-align:center;
	_display:inline;
}

html > body div#sideSection {
}

/*==[ navigation title ]==*/
div#sideSection p#navigationTitle {
	position:relative;
	z-index:120;
	margin:-19px 0 0 0;
}



/*==[ search ]==*/
/*- form -*/
div#sideSection div#localNavigation form {
	padding:10px 8px;
	color:#fff;
	background-color:#b8b8b8;
	zoom:100%; /* IE */
}

div#sideSection div#localNavigation form:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#sideSection div#localNavigation form p {
	margin:0 0 8px 2px;
}

/* text box */
div#sideSection div#localNavigation form input#ssBrKeyword {
	float:left;
	margin:0 5px 0 0;
	width:146px;
	height:15px;
	border-top:2px solid #848484;
	border-right:1px solid #fafafa;
	border-bottom:1px solid #fafafa;
	border-left:2px solid #848484;
	color:#fff;
	_margin:0 2px 0 0; /* IE */
	_width:148px; /* IE */
	_height:18px; /* IE */
}

/* submit */
div#sideSection div#localNavigation form input#ssBrSearch {
}


/*==[ actionLink ]===================*/
div#sideSection div#actionLink {
	margin:0 auto 20px auto;
	width:204px;
	border-top:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	color:#4d4d4d;
	_width:206px; /* IE */
}


div#sideSection a.linkIcon_03 {
	padding:1px 0 2px 18px;
	margin:0px 0px 10px 5px;
	color:#666666;
	background:url(common/img/co_ic_08.gif) left 0.1em no-repeat;
	_height:1px; /* IE */
	text-align:left;
}

div#sideSection a.linkIcon_03 img {
	margin:0 3px 0 3px !important;
	margin-top:-1px;
}


div#sideSection a.linkIcon_03:hover {
	color:#003D73;
}

/*==[ list ]==*/
div#sideSection div#actionLink dl {
	padding:0 0 3px 0;
	border-bottom:1px solid #d9d9d9;
	_padding:0 0 2px 0; /* IE */
}

div#sideSection div#actionLink dl dt {
	position:relative;
	z-index:140;
}

div#sideSection div#actionLink dl dd {
	position:relative;
	z-index:150;
	margin:-10px 0 0 0;
}

/* text(p) */
div#sideSection div#actionLink dl dd p {
	margin:0 10px 5px 10px;
	text-align:left;
}

/* link(list) */
div#sideSection div#actionLink dl dd ul {
	margin:0 10px 5px 10px;
	text-align:right;
}

div#sideSection div#actionLink dl dd ul li a {
	padding:0 0 0 17px;
	color:#4d4d4d;
	background:url(../img/top/icon1.png) center left no-repeat;
}

div#sideSection div#actionLink dl dd ul li a:hover {
	color:#003D73;
	text-decoration:none;
}

/*==[ promotionLink ]===================*/
div#sideSection div#promotionLink {
	margin:0 0 10px 0;
}

div#sideSection div#promotionLink p {
	text-align:left;
	padding-left:10px;
}

/*==[ list ]==*/
div#sideSection div#promotionLink ul li {
	margin:0 0 10px 0;
}



/*- 段落 (下部にアイコン付リンクなどがある場合) -*/

div#sideSection .bottom40 {
	display:block;
	margin-bottom:40px;
}
div#sideSection .bottom30 {
	display:block;
	margin-bottom:30px;
}
div#sideSection .bottom20 {
	display:block;
	margin-bottom:20px;
}
div#sideSection .bottom10 {
	display:block;
	margin-bottom:10px;
}
div#sideSection .bottom5 {
	display:block;
	margin-bottom:5px;
}
div#sideSection .top40 {
	display:block;
	margin-top:40px;
}
div#sideSection .top30 {
	display:block;
	margin-top:30px;
}
div#sideSection .top20 {
	display:block;
	margin-top:20px;
}
div#sideSection .top10 {
	display:block;
	margin-top:10px;
}
div#sideSection .top5 {
	display:block;
	margin-top:5px;
}





/*==[ ind_ind_mainActionLink ]===================*/
div#contentsBlock div#mainSection div#ind_mainActionLink {
	position:relative;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	background: url(../img/top/back01_box.gif) bottom left no-repeat;
	zoom:100%; /* IE */
}

div#contentsBlock div#mainSection div#ind_mainActionLink:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}



/*==[ ind_pServices ]==*/
div#contentsBlock div#mainSection div#ind_mainActionLink div#ind_pServices {
	float:left;
	border-top:1px solid #ccc;
	width:288px;
	min-height:233px;
	_height:233px; /* IE 6.x */
}



/*==[ ind_caseStudy ]==*/
div#contentsBlock div#mainSection div#ind_mainActionLink div#ind_caseStudy {
	float:right;
	margin:0;
	width:288px;
	border-top:1px solid #ccc;
}





/*==[ ind_pServices ind_caseStudy common ]==*/
div#contentsBlock div#mainSection div#ind_mainActionLink div.ind_mainPickup {
	padding:5px;
	background: url(../img/top/back01_top.gif) top center no-repeat;
	}

/*- 見出し2 (h2) -*/
div#contentsBlock div#mainSection div#ind_mainActionLink div.ind_mainPickup h2{
	margin:0;
	padding:0;
	border-left:1px solid #fff;
	width:276px;
	height:1em;
	min-height:19px;
	color:#fff;
	font-weight:normal;
	background: url(../img/top/back01_pickl.gif) top left repeat-y #ccc;
	zoom:100%; /* IE */
	_width:277px; /* IE 6.x */
	_height:1.6em; /* IE 6.x */
	}


div#contentsBlock div#mainSection div#ind_mainActionLink div.ind_mainPickup h2:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

div#contentsBlock div#mainSection div#ind_mainActionLink div.ind_mainPickup h2 span {
	display:block;
	float:right;
	padding:3px 5px 0 3px;
	font-size:80%;
	line-height:120%;
	text-align:right;
}

div#contentsBlock div#mainSection div#ind_mainActionLink div.ind_mainPickup h2 img {
	display:block;
}

/*- h3 -*/
div#contentsBlock div#mainSection div#ind_mainActionLink h3 {
	margin:0;
}

/*- 段落 -*/
div#contentsBlock div#mainSection div#ind_mainActionLink p {
	margin:11px;
	text-align:left;
}

/*- link -*/
div#contentsBlock div#mainSection div#ind_mainActionLink p.ind_caseLink {
	margin:15px 18px 0 0;
	padding:0 0 1px 0;
	font-size:100%;
	text-align:right;
}

*+ html div#contentsBlock div#mainSection div#ind_mainActionLink p.ind_caseLink {
	font-size:100%;
}








/*==[ ind_newsArea ]===================*/
div#ind_newsArea {
	margin:0 0 50px 0;
	float:left;
	font-size:100%;
}



/*- 見出し4（h4）-*/
div#ind_newsArea h4 {
	position:relative;
	margin:0 0 15px 0;
	width:586px;/* tuikaIE7*/
	height:43px;
	text-indent:-9999px;
	background: url(../img/top/title_what.jpg) left top no-repeat ;
}

/* span */
div#ind_newsArea h4 span {
	display:block;
	position:absolute;
	top:16px;
	left:548px;
	text-indent:0;
}

div#mainSection div#ind_newsArea h4 span a{
	padding:0;
}

div#mainSection div#ind_newsArea h4 span a img{
	display:block;	
}


/*- 定義リスト -*/
div#ind_newsArea dl {
	margin:0 0 10px 5px;
	padding:0;
	border:none;
	width:581px;
	
}

div#ind_newsArea dl dd {
	margin:0 0 0 1em;
	text-indent:-1em;
}

div#ind_newsArea dl dt {
	margin:0 0 2px 0;
}




/* line */
div#ind_newsArea div.line_01 {
	margin:0 0 10px;
	padding:0;
	width:586px;/* tuikaIE7*/
	

}

/*- 段落 -*/
div#ind_newsArea p {
	text-align:right;
	
}

div#ind_newsArea dl dd a{
	padding:1px 0 1px 20px;
	background:url(../img/top/icon1.png) 0 5px no-repeat;
	_padding:1px 0 1px 35px; /* IE 6.x */
	_background:url(../img/top/icon1.png) 0 0.5em no-repeat; /* IE 6.x */
	_height:1px; /* IE 6.x */
}



/*- ニュース部分　プロモエリアと結合 -*/

div#news_back{
	margin:0 auto;
}

div#news_blk{
	width:862px;
	display:block;
	margin:0 auto;
}


/*==[ promotionLink ]===================*/
div#news_blk div#promotionLink {
	padding:20px 20px 0 20px;
	margin:0 0 10px 0;
	float:left;
	width:211px;
	color:#FFF;
	font-size:75%;
	_width:251px; /* IE 6.x */
}

div#news_blk div#promotionLink p {
	padding:0 0 0 10px;
	text-align:left;
}

/*==[ list ]==*/
div#news_blk div#promotionLink ul li {
	margin:0 0 10px 0;
}




div#news_blk:after,div#ind_newsArea:after{
	display:block;
	clear:both;
	visibility:hidden;
	height:0px;
	content:".";
}

/* WinIE7 MacIE5 */
div#news_blk,div#ind_newsArea{
	display:inline-table;
	zoom:100%;
}

/* WinIE5-6 */
/* Hides from IE-mac \*/
* html div#news_blk,* html div#ind_newsArea{
	height:1px;
}

div#news_blk,div#ind_newsArea{
	display:block;
}







@charset "utf-8";

/* ----------------------------
 == Common
---------------------------- */

body {
	background: #ffffff url(../img/visionaly/back1.gif) repeat left top;
	line-height: 1.7;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
}

body.lang-ja { font-family: Cambria, "Times New Roman", Georgia, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", IPAPGothic, sans-serif; }
body.lang-en { font-family: Georgia, "Times New Roman", Cambria, sans-serif; }

a {text-decoration: underline;}
a:link {color: #005078;}
a:visited {color: #005078;}
a:hover {color: #56b5df;}
a:active {color: #56b5df;}

img {
	border: 0;
	vertical-align: bottom;
}

fieldset {
	border: 0;
}

input,
textarea {
	font-size: 100%;
}

em, address { 
	font-style: normal;
}

em {
	font-weight: bold;
}

sup {
	vertical-align: .4em;
}

ins {
  color: #c83c00;
}

del {
  color: #cdc8b9;
}

.layoutRight {
	float: right;
	margin: 0 0 10px 10px;
}

.layoutLeft {
	float: left;
	padding: 0 10px 10px 0;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.txtCenter {
	text-align: center;
}

.textS {
	font-size: .8em;
}

.textL {
	font-size: 1.2em;
}

.linkBlank{
	background: url("http://www.discovershiretoko.org/global/common/img/bullet-blank.gif") no-repeat 0 .3em;
	padding-left: 16px;
}


/* ----------------------------
 == Body Layout
---------------------------- */
div.corporateLogoBlock,
h1,corporateLogoBlock{
	margin: 0;
}

#container{
	width: 970px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}



/* == headerArea ------------------------------------------------------------------ */
#headerArea2{
	width: 820px;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 0 0 0;
	line-height: 1;
}

#corporateLogoBlock{
	width: 351px;
	float: left;
}
#headerNavBlock{
	width: 460px;
	float: right;
	margin: 0;
	padding: 0;
}

#utilityNav{
	width: 460px;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}
#utilityNav li{
	margin: 0;
	padding: 0 5px 0 0;
	float: right;
}

#globalNav{
	width: 278px;
	margin: 40px 0 0 auto;
	padding: 0;
	overflow: hidden;
}
#globalNav li{
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
}

#utilityNav img,
#globalNav img{
	display: block;
}

/* == footerArea ------------------------------------------------------------------ */
#footerArea{
	background: url(../img/visionaly/footer.png) no-repeat center bottom;
}


#footerArea2{
	background: url(../img/visionaly/footer2.jpg) no-repeat center bottom;
}
#footerBox{
	
	width: 860px;
	margin: 0 auto;
	padding: 20px 10px;
	position: relative;
}

ul#footerNav{
	text-align: right;
	margin: 0 0 5px 0;
}

body.lang-en ul#footerNav {
  margin-bottom: 25px;
}

#footerNav li{
	display: inline;
	margin: 0 0 0 10px;
}

p#footerTxt{
	position: absolute;
	left: 30px;
	bottom: 3px;
	margin: 0;
}
p#copyrightBlock{
	position: absolute;
	right: 10px;
	bottom: 6px;
	margin: 0;
}

/* == topicPathArea ------------------------------------------------------------------ */
#topicPathArea{
	width: 820px;
	margin: 8px auto;
	padding: 0;
	line-height: 1;
	font-size: 11px;
}
#topicPathArea p{
	margin: 0;
}


/* == contentArea ------------------------------------------------------------------ */
#contentsArea2{
	background: # no-repeat left bottom;
	width: 820px;
	margin: 0 auto;
	padding: 30px 75px 200px 75px;
}
/* == toPageTop ------------------------------------------------------------------ */

.toPageTop{
	text-align: right;
	margin: 4em 12px .5em 12px;
}
.toPageTop a{
	background: url(../img/visionaly/icon.gif) no-repeat left center;
	padding-left: 14px;
}



/* ----------------------------
 == スライド
---------------------------- */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 820px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 820px;
    /*height: 820px;*/
    overflow: hidden;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
/*    display: none;*/
}

.jcarousel-prev {
    z-index: 3;
/*    display: none;*/
}

.jcarousel-next-horizontal {
    cursor: pointer;
}

.jcarousel-prev-horizontal {
    cursor: pointer;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}



@charset "utf-8";


/* ---------- title ---------- */
#contentsArea h2{
	margin: 2em 0 .5em 0;
}
#contentsArea h3{
	margin: .5em 0;
}

/* ---------- text ---------- */
em.blueTxt,
strong.blueTxt{
	color: #005078;
}



/* ---------- contentsHeaderBlock ---------- */
.contentsHeaderBlock{
	width: 820px;
	padding: 20px 0 0 0;
	position: relative;
}
.contentsHeaderBlock h1{
	margin: 0 0 0 0;
}
.contentsHeaderBlock p{
	margin: 0;
}



@charset "utf-8";




/* ------------------------------
    detail
------------------------------ */

.contentsHeaderBlock p.storiesBackBtn{
	position: absolute;
	top: 0;
	right: 0;
}

/* ---------- gliderBox ---------- */
.gliderBox{
	width: 820px;
	background: url("stories/img/bg-glider-nav.gif") no-repeat left bottom;
	margin: 0;
	display: none;
}
.jcarousel-container-horizontal .gliderBox {
	display: block;
}
.gliderBox ul{
	margin: 0;
	overflow: hidden;
}
.gliderShiretoko{
	float: left;
}
.gliderFirefox{
	float: right;
}
.gliderNextStory{
	float: right;
}
.gliderContents{
	font-size: 14px;
	line-height: 1.7;
	position: relative;
}


.bottomGlider{
	background: none;
}

/* ---------- otherStoryBox ---------- */
.otherStoryBox{
	width: 820px;
	overflow: hidden;
	background: url("common/img/line_dotted.gif") repeat-x left top;
	margin: 20px 0;
}
.otherStoryBox dt,
.otherStoryBox dd,
.otherStoryBox ul{
	margin: 0;
	padding: 0;
}
.otherStoryBox dt{
	margin: 1em 0;
}
.otherStoryLink{
	position: relative;
	height: 40px;
}
.otherStoryLink li.story01{
	position: absolute;
	top: 0;
	left: 0;
}
.otherStoryLink li.story02{
	position: absolute;
	top: 0;
	left: 205px;
}
.otherStoryLink li.story03{
	position: absolute;
	top: 0;
	left: 410px;
}
.otherStoryLink li.story04{
	position: absolute;
	top: 0;
	left: 615px;
}


/* == contentsBox ------------------------------------------------------------------ */
.contentsBox{
	width: 820px;
	margin: .8em 0;
	overflow: hidden;
}

.contentsBox2{
	width: 820px;
	margin: .8em 0;
	padding:0 50px;
	overflow: hidden;
}

.imgRight .txtBox{
	float: left;
}
.imgRight .photoBox{
	float: right;
	margin: 0 0 0 15px;
}
.imgLeft .txtBox{
	float: right;
}
.imgLeft .photoBox{
	float: left;
	margin: 0 15px 0 0;
}
.imgFull .photoBox{
	width: 828px;
	margin: 10px -10px 10px 0;
	overflow: hidden;
}
.imgFull .photoBox li{
	margin: 0 10px 0 0;
	overflow: hidden;
	width: 266px;
	float: left;
	text-align: center;
}

.w310 .txtBox{
	width: 495px;
}
.w310 .photoBox{
	width: 310px;
}

.w266 .txtBox{
	width: 539px;
}
.w266 .photoBox{
	width: 266px;
}

.w180 .txtBox{
	width: 625px;
}
.w180 .photoBox{
	width: 180px;
}

.photoBox .caption{
	display: block;
	text-align: center;
}

/* ---------- borderBox ---------- */
.borderBoxBase{
	width: 790px;
	margin: 1em 0;
	padding: 0 10px;
	overflow: hidden;
}
.borderBoxBase p{
	margin: .5em 0 !important;
	line-height: 1.5;
}
.borderBoxBase .txtBox h3{
	margin: .8em 0 !important;
}

.borderBrown{
	background: #ffffff;
	border: 1px solid #7f6e5c;
}

.w253 .txtBox{
	width: 522px;
}
.w253 .photoBox{
	width: 253px;
}




/* == contentsBox ------------------------------------------------------------------ */

#kouza{
	width: 820px;
	overflow: hidden;
}
#firefox{
	width: 820px;
	overflow: hidden;
}
#kouza h2,
#firefox h2{
	margin-bottom: 30px !important;
}
p.activitiesTxt{
	clear: both;
	float: left;
	margin: 40px 0 !important;
}

.contentsBox{
	width: 820px;
	clear: both;
	float: left;
	margin: 20px 0;
	
}

.boxOverL{
	clear: both;
	float: left;
}
.boxOverR{
	clear: both;
	float: right;
}

p.imgPh{
	margin: 0 !important;
}

.flLeft{
	float: left;
}
.flRight{
	float: right;
}

.boxW400x400{
	background: url(../img/visionaly/top_contentsbox.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

.boxW400l{
	background: url(../img/visionaly/top_contentsbox_half.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
.boxW400r{
	background: url(../img/visionaly/top_contentsbox_half.gif) no-repeat right bottom;
	padding-bottom: 10px;
}


.w400{
	width: 400px;
}
.w450{
	width: 450px;
}
.w460{
	width: 460px;
}
.w490{
	width: 490px;
}
.w340{
	width: 340px;
}
.w350{
	width: 350px;
}


.boxW400x400 .flLeft{
	background: url(../img/visionaly/top_contentsbox.gif) no-repeat left top;
}
.boxW400x400 .flRight{
	background: url(../img/visionaly/top_contentsbox.gif) no-repeat right top;
}

.boxW400l dl{
	background: url(../img/visionaly/top_contentsbox_half.gif) no-repeat left top;
}
.boxW400r dl{
	background: url(../img/visionaly/top_contentsbox_half.gif) no-repeat right top;
}



.contentsBox dl{
	position: relative;
	margin: 0;
	padding: 0;
}
.contentsBox dt{
    z-index:1;
	margin: 0;
	padding: 0;
}
.contentsBox dd{
	margin: 0;
	padding: 20px 12px 10px 12px;
}
.contentsBox dd p{
	margin: .5em 0 !important;
}


/* boxID */
#activitiesSh01 .decimalTxt{position: absolute; top: -9px; right: 14px; z-index:auto}
#activitiesSh01 .copyTxt{position: absolute; top: -32px; left: 14px;}
#activitiesSh02 .decimalTxt{position: absolute; top: -9px; left: 12px;}
#activitiesSh02 .copyTxt{position: absolute; top: -22px; right: 14px;}
#activitiesSh03 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesSh03 .copyTxt{position: absolute; top: -22px; left: 12px;}
#activitiesSh04 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesSh04 .copyTxt{position: absolute; top: -22px; left: 14px;}
#activitiesSh05 .decimalTxt{position: absolute; top: -9px; left: 12px;}
#activitiesSh05 .copyTxt{position: absolute; top: -22px; right: 12px;}
#activitiesSh06 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesSh06 .copyTxt{position: absolute; top: -22px; right: 12px;}

#activitiesFx01 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesFx01 .copyTxt{position: absolute; top: -22px; left: 12px;}
#activitiesFx02 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesFx02 .copyTxt{position: absolute; top: -22px; right: 12px;}
#activitiesFx03 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesFx03 .copyTxt{position: absolute; top: -22px; right: 12px;}
#activitiesFx04 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesFx04 .copyTxt{position: absolute; top: -22px; left: 12px;}
#activitiesFx05 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesFx05 .copyTxt{position: absolute; top: -22px; left: 12px;}
#activitiesFx06 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesFx06 .copyTxt{position: absolute; top: -22px; right: 12px;}
#activitiesFx07 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesFx07 .copyTxt{position: absolute; top: -22px; right: 14px;}


.letter {
	margin: 30px 30px;
	border-left: 8px solid #CCCCCC;
	}

.letter .text {
	padding: 0px 10px 10px 10px;　
	}

.letter .name {
	text-align: right;
	border-top: 1px dotted #033392;
	margin: 5px 10px;
	clear: both;
	font-size:16px;
	font-weight:bold;
	}