@charset "utf-8";

/*-----------------------------------------------
 container
 ├ theme
 ├ gotoSmooth
 ├ main
 │ └ topics
 │ 　 ├ topicInfo
 │ 　 │ ├ topicTitle
 │ 　 │ └ topicNote
 │ 　 └ topicNavigation
 └ footer
　　├ siteNavigation
　　└ copyright
 (common)
-----------------------------------------------*/

body{
background:url(../img/bg.gif) repeat-y center top;
}

/*-----------------------------------------------
 container
-----------------------------------------------*/
div#container{
margin:0 auto;
background:#000;
width:800px;
_height:100%;
min-height:100%;
}

/*-----------------------------------------------
 theme
-----------------------------------------------*/
h1#theme{
width:800px;
height:506px;
margin-bottom:46px;
overflow:hidden;
}

h1#theme p#N700Main,
h1#theme p#N700Main img{width:800px; height:387px;}
h1#theme p#N700Sub,
h1#theme p#N700Sub img img{width:800px; height:119px;}

/*-----------------------------------------------
 main
-----------------------------------------------*/

#main{
position:relative;
width:800px;
text-align:center;
}

/*-----------------------------------------------
 gotoSmooth
-----------------------------------------------*/

h2#gotoSmooth{
position:absolute;
left:0;
top:-170px;
}

/*-----------------------------------------------
 topics
-----------------------------------------------*/

.topics{
width:660px;
margin:0 auto 100px;
text-align:left;
}

div.topicInfo{
width:399px;
}

div.topicInfo hr{
margin:0;
height:1px;
overflow:hidden;
border:none;
}

h1.topicTitle,h2.topicNote,div.topicNavigation a{
height:0;
overflow:hidden;
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
display:block;
}

.n700top h1.topicTitle{
width:399px;
border-bottom:1px solid #fff;
}

h2.topicNote{
margin:17px 0 0;
width:399px;
}


/*-----------------------------------
 know
-----------------------------------*/

#photo01{
width:234px;
height:163px;
float:left;
}

div#know div.topicInfo{
float:right;
}

div#know h1.topicTitle{
margin-top:-4px;
padding-top:40px;
background-image:url(../img/topic_01.gif);
}

div#know h2.topicNote{
margin-top:16px;
padding-top:101px;
background-image:url(../img/text_01.gif);
}

div#know div.topicNavigation ul{
position:relative;
height:222px;
top:22px;
}

div#know div.topicNavigation ul li{
position:absolute;
width:304px;
height:34px;
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
}

div#know div.topicNavigation ul li a{
padding-top:34px;
height:0;
overflow:hidden;
display:block;
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
}

div#know div.topicNavigation ul li.topic01,
div#know div.topicNavigation ul li.topic02,
div#know div.topicNavigation ul li.topic03,
div#know div.topicNavigation ul li.topic04,
div#know div.topicNavigation ul li.topic05{
left:0;
}

div#know div.topicNavigation ul li.topic06,
div#know div.topicNavigation ul li.topic07,
div#know div.topicNavigation ul li.topic08,
div#know div.topicNavigation ul li.topic09{
right:0;
}

div#know div.topicNavigation ul li.topic01,
div#know div.topicNavigation ul li.topic06{
top:0;
}

div#know div.topicNavigation ul li.topic02,
div#know div.topicNavigation ul li.topic07{
top:47px;
}

div#know div.topicNavigation ul li.topic03,
div#know div.topicNavigation ul li.topic08{
top:94px;
}

div#know div.topicNavigation ul li.topic04,
div#know div.topicNavigation ul li.topic09{
top:141px;
}

div#know div.topicNavigation ul li.topic05{
top:188px;
}

div#know div.topicNavigation ul li.topic01{
background-image:url(../img/thumb_01_off.jpg);
}

div#know div.topicNavigation ul li.topic01 a:hover,
div#know div.topicNavigation ul li.topic01 a:active{
background-image:url(../img/thumb_01_on.jpg);
}

div#know div.topicNavigation ul li.topic02{
background-image:url(../img/thumb_02_off.jpg);
}

div#know div.topicNavigation ul li.topic02 a:hover,
div#know div.topicNavigation ul li.topic02 a:active{
background-image:url(../img/thumb_02_on.jpg);
}

div#know div.topicNavigation ul li.topic03{
background-image:url(../img/thumb_03_off.jpg);
}

div#know div.topicNavigation ul li.topic03 a:hover,
div#know div.topicNavigation ul li.topic03 a:active{
background-image:url(../img/thumb_03_on.jpg);
}

div#know div.topicNavigation ul li.topic04{
background-image:url(../img/thumb_04_off.jpg);
}

div#know div.topicNavigation ul li.topic04 a:hover,
div#know div.topicNavigation ul li.topic04 a:active{
background-image:url(../img/thumb_04_on.jpg);
}

div#know div.topicNavigation ul li.topic05{
background-image:url(../img/thumb_05_off.jpg);
}

div#know div.topicNavigation ul li.topic05 a:hover,
div#know div.topicNavigation ul li.topic05 a:active{
background-image:url(../img/thumb_05_on.jpg);
}

div#know div.topicNavigation ul li.topic06{
background-image:url(../img/thumb_06_off.jpg);
}

div#know div.topicNavigation ul li.topic06 a:hover,
div#know div.topicNavigation ul li.topic06 a:active{
background-image:url(../img/thumb_06_on.jpg);
}

div#know div.topicNavigation ul li.topic07{
background-image:url(../img/thumb_07_off.jpg);
}

div#know div.topicNavigation ul li.topic07 a:hover,
div#know div.topicNavigation ul li.topic07 a:active{
background-image:url(../img/thumb_07_on.jpg);
}

div#know div.topicNavigation ul li.topic08{
background-image:url(../img/thumb_08_off.jpg);
}

div#know div.topicNavigation ul li.topic08 a:hover,
div#know div.topicNavigation ul li.topic08 a:active{
background-image:url(../img/thumb_08_on.jpg);
}

div#know div.topicNavigation ul li.topic09{
background-image:url(../img/thumb_09_off.jpg);
}

div#know div.topicNavigation ul li.topic09 a:hover,
div#know div.topicNavigation ul li.topic09 a:active{
background-image:url(../img/thumb_09_on.jpg);
}

/*-----------------------------------
 closeup
-----------------------------------*/

#photo02{
width:234px;
height:161px;
padding-bottom:-12px;
float:right;
}

div#closeup div.topicInfo{
float:left;
margin-bottom:-12px;
}

div#closeup h1.topicTitle{
margin-top:-2px;
padding-top:37px;
background-image:url(../img/topic_02.gif);
background-position:right top;
}

div#closeup h2.topicNote{
padding-top:50px;
background-image:url(../img/text_02.gif);
}

div#closeup div.topicNavigation ol{
position:relative;
height:192px;
}

div#closeup div.topicNavigation ol li{
position:absolute;
width:286px;
height:35px;
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
}

div#closeup div.topicNavigation ol li a{
padding-top:35px;
height:0;
overflow:hidden;
display:block;
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
}

div#closeup div.topicNavigation ol li.topic01,
div#closeup div.topicNavigation ol li.topic02,
div#closeup div.topicNavigation ol li.topic03,
div#closeup div.topicNavigation ol li.topic04{
left:0;
}

div#closeup div.topicNavigation ol li.topic05,
div#closeup div.topicNavigation ol li.topic06,
div#closeup div.topicNavigation ol li.topic07{
right:0;
}


div#closeup div.topicNavigation ol li.topic01{
top:0;
}

div#closeup div.topicNavigation ol li.topic02,
div#closeup div.topicNavigation ol li.topic05{
top:48px;
}

div#closeup div.topicNavigation ol li.topic03,
div#closeup div.topicNavigation ol li.topic06{
top:96px;
}

div#closeup div.topicNavigation ol li.topic04,
div#closeup div.topicNavigation ol li.topic07{
top:144px;
}

div#closeup div.topicNavigation ol li.topic01{
background-image:url(../img/closeup_01_off.gif);
}

div#closeup div.topicNavigation ol li.topic01 a:hover,
div#closeup div.topicNavigation ol li.topic01 a:active{
background-image:url(../img/closeup_01_on.gif);
}

div#closeup div.topicNavigation ol li.topic02{
background-image:url(../img/closeup_02_off.gif);
}

div#closeup div.topicNavigation ol li.topic02 a:hover,
div#closeup div.topicNavigation ol li.topic02 a:active{
background-image:url(../img/closeup_02_on.gif);
}

div#closeup div.topicNavigation ol li.topic03{
background-image:url(../img/closeup_03_off.gif);
}

div#closeup div.topicNavigation ol li.topic03 a:hover,
div#closeup div.topicNavigation ol li.topic03 a:active{
background-image:url(../img/closeup_03_on.gif);
}

div#closeup div.topicNavigation ol li.topic04{
background-image:url(../img/closeup_04_off.gif);
}

div#closeup div.topicNavigation ol li.topic04 a:hover,
div#closeup div.topicNavigation ol li.topic04 a:active{
background-image:url(../img/closeup_04_on.gif);
}

div#closeup div.topicNavigation ol li.topic05{
background-image:url(../img/closeup_05_off.gif);
}

div#closeup div.topicNavigation ol li.topic05 a:hover,
div#closeup div.topicNavigation ol li.topic05 a:active{
background-image:url(../img/closeup_05_on.gif);
}

div#closeup div.topicNavigation ol li.topic06{
background-image:url(../img/closeup_06_off.gif);
}

div#closeup div.topicNavigation ol li.topic06 a:hover,
div#closeup div.topicNavigation ol li.topic06 a:active{
background-image:url(../img/closeup_06_on.gif);
}

div#closeup div.topicNavigation ol li.topic07{
background-image:url(../img/closeup_07_off.gif);
}

div#closeup div.topicNavigation ol li.topic07 a:hover,
div#closeup div.topicNavigation ol li.topic07 a:active{
background-image:url(../img/closeup_07_on.gif);
}

/*-----------------------------------
 interview
-----------------------------------*/

#photo03{
width:234px;
height:163px;
float:left;
}

div#interview div.topicInfo{
float:right;
}

div#interview h1.topicTitle{
margin-top:-1px;
padding-top:35px;
background-image:url(../img/topic_03.gif);
}

div#interview h2.topicNote {
padding-top: 67px;
background-image:url(../img/text_03.gif);
}

div#interview div.topicNavigation ul{
position:relative;
height:276px;
}

div#interview div.topicNavigation ul li{
position:absolute;
width:304px;
overflow:hidden;
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
}

div#interview div.topicNavigation ul li.topic01{height:86px;}
div#interview div.topicNavigation ul li.topic02{height:70px;}
div#interview div.topicNavigation ul li.topic03{height:69px;}
div#interview div.topicNavigation ul li.topic04{height:69px;}
div#interview div.topicNavigation ul li.topic05{height:70px;}

div#interview div.topicNavigation ul li a{
height:0;
overflow:hidden;
display:block;
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
}

div#interview div.topicNavigation ul li.topic01 a{padding-top:86px;}
div#interview div.topicNavigation ul li.topic02 a{padding-top:70px;}
div#interview div.topicNavigation ul li.topic03 a{padding-top:69px;}
div#interview div.topicNavigation ul li.topic04 a{padding-top:69px;}
div#interview div.topicNavigation ul li.topic05 a{padding-top:70px;}

div#interview div.topicNavigation ul li.topic01,
div#interview div.topicNavigation ul li.topic02,
div#interview div.topicNavigation ul li.topic03{
left:0;
}

div#interview div.topicNavigation ul li.topic04,
div#interview div.topicNavigation ul li.topic05{
left:343px;
}

div#interview div.topicNavigation ul li.topic01,
div#interview div.topicNavigation ul li.topic04{
top:0;
}

div#interview div.topicNavigation ul li.topic02,
div#interview div.topicNavigation ul li.topic05{
top:113px;
}

div#interview div.topicNavigation ul li.topic03{
top:214px;
}

div#interview div.topicNavigation ul li.topic01{
background-image:url(../img/interview_01_off.jpg);
width:263px;
height:86px;
}

div#interview div.topicNavigation ul li.topic01 a:hover,
div#interview div.topicNavigation ul li.topic01 a:active{
background-image:url(../img/interview_01_on.jpg);
}

div#interview div.topicNavigation ul li.topic02{
background-image:url(../img/interview_02_off.jpg);
width:297px;
height:70px;
}

div#interview div.topicNavigation ul li.topic02 a:hover,
div#interview div.topicNavigation ul li.topic02 a:active{
background-image:url(../img/interview_02_on.jpg);
}

div#interview div.topicNavigation ul li.topic03{
background-image:url(../img/interview_03_off.jpg);
width:300px;
height:69px;
}

div#interview div.topicNavigation ul li.topic03 a:hover,
div#interview div.topicNavigation ul li.topic03 a:active{
background-image:url(../img/interview_03_on.jpg);
}

div#interview div.topicNavigation ul li.topic04{
background-image:url(../img/interview_04_off.jpg);
width:322px;
height:69px;
}

div#interview div.topicNavigation ul li.topic04 a:hover,
div#interview div.topicNavigation ul li.topic04 a:active{
background-image:url(../img/interview_04_on.jpg);
}

div#interview div.topicNavigation ul li.topic05{
background-image:url(../img/interview_05_off.jpg);
width:287px;
height:70px;
}

div#interview div.topicNavigation ul li.topic05 a:hover,
div#interview div.topicNavigation ul li.topic05 a:active{
background-image:url(../img/interview_05_on.jpg);
}


/*-----------------------------------
 diagram
-----------------------------------*/

#photo04{
width:234px;
height:156px;
float:right;
}

#photo04 img{
padding-bottom:8px;
}

div#diagram div.topicInfo{
float:left;
margin-bottom:8px;
}

div#diagram h1.topicTitle{
padding-top:38px;
background-image:url(../img/topic_04.gif);
background-position:right top;
}

div#diagram h1.topicTitle a {
	display: block;
	margin-top: -38px;

	float: right;
	line-height: 5em;
	height: 5em;
	overflow: hidden;
	vertical-align: baseline;

}

div#diagram h2.topicNote{
padding-top: 33px;
background-image:url(../img/text_04.gif);
}

div#diagram div.topicNavigation{
padding-left:204px;
}

div#diagram div.topicNavigation p{
position:relative;
right:21px;
width:212px;
height:16px;
background:transparent url(../img/diagram_off.gif) no-repeat left top;
}

div#diagram div.topicNavigation p a{
padding-top:16px;
height:0;
overflow:hidden;
display:block;
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
}

div#diagram div.topicNavigation p a:hover,
div#diagram div.topicNavigation p a:active{
background-image:url(../img/diagram_on.gif);
}

/*-----------------------------------------------
 footer
-----------------------------------------------*/

#footer{
border-top:1px solid #fff;
padding:19px 12px 50px 16px;
}

ul#siteNavigation{
float:left;
}

ul#siteNavigation li{
display:inline;
padding-right:29px;
}

ul#siteNavigation li a{
font-size:77%;

text-decoration:none;
background-repeat:no-repeat;
background-position:left center;
}

ul#siteNavigation li a:link,ul#siteNavigation li a:visited{
color:#fff;
border-bottom:1px dotted #fff;
padding-left:10px;
background-image:url(../img/navi_icon.gif);
}

ul#siteNavigation li a:visited{
color:#fff;
border-bottom:1px dotted #fff;
}

ul#siteNavigation li a:hover{
color:#00b7ff;
border-bottom:1px dotted #00b7ff;
padding-left:10px;
background-image:url(../img/navi_icon_over.gif);
}

p#copyright{
vertical-align:middle;
width:214px;
height:0;
padding-top:13px;
float:left;
background:url(../img/copyright.gif) 0 5px no-repeat;
overflow:hidden;
font-size:77%;
}

/*-----------------------------------------------
 common
-----------------------------------------------*/
.p_clearance{clear:both;}
.po_clearance{display:none;}
.clearance{clear:both;}
.L{float:left !important;}
.R{float:right !important;}