@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Meiryo", ＭＳ Ｐゴシック, sans-serif;
	background: #FFF;
}
img {
	vertical-align: top;
}
a {
	color: #003399;
}
a:visited {
	color: #333;
}
a:hover,
a:focus {
	color: #3366CC;
}
a:active {
	color: #CC3300;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
}
#header {
	width: 900px;
}
#header h1 em {
   visibility: hidden;
}
#content {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 16px;
}
#content #primary {
	float: left;
	width: 670px;
	margin-left: 10px;
}
#content #secondary {
	float: right;
	width: 170px;
}
#under_cont {
	margin: 0;
	padding: 0;
	height: 150px;
	width: 700px;
}
#under_cont li {
	margin: 0;
	padding: 0;
	float: left;
}
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 10px;
}

/* ロゴとテキストナビゲーション*/
#logomark {
	padding: 11px 0;
	margin: 0;
}
#TopNavi {
	position: absolute;
	right: 0;
	top: 25px;
	width: 170px;
	font-size: 90%;
	line-height: 1.2;
}
#TopNavi li {
	position: absolute;
	top: 0;
	width: 8em;
}
#TopNavi li#navSiteMap {
	right: 9em;
}
#TopNavi li#navInquiry {
	right: 0;
}
#TopNavi li a {
	padding-left: 12px;
	text-decoration: none;
}
#TopNavi li#navSiteMap a {
	background: url(../images/ico_sitemap.gif) left center no-repeat;
}
#TopNavi li#navInquiry a {
	background: url(../images/ico_mail.gif) left center no-repeat;
}

/* メインナビゲメニュー*/
#TopMenu {
	height: 39px;
	background: url(../images/navi_menu/navi_bg.gif) repeat-x;
	width: 900px;
}
#TopMenu ul {
	margin: 0 0 0 150px;
	padding: 0;
}
#TopMenu li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}


/* パンくずリスト*/

div.s_navi {
overflow:hidden;
margin:0;
padding:0;
height:30px;
line-height:30px;
/*-- sample only --*/
color:#888888;
border:1px solid #eee;
margin-bottom:20px;
}
div.s_navi a, div.s_navi span.Pp, div.s_navi span.Pend {
float:left;
overflow:hidden;
height:30px;
padding:0 8px;
font-style:normal;
}
div.s_navi span.Pp {
background:url(../images/list.png) no-repeat left center;
overflow:hidden;
padding:0 0 0 10px;
width:0px;
filter:alpha(opacity=40);
opacity:0.4;
}

#PathMenu ul {
	list-style:none;
	margin:0px; 
	padding:0px;
}
#PathMenu li {
	float:left; 
	width:auto;
	padding:0px;
	height: 39px;
	background: url(../images/step_bg.gif) repeat-x;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#PathMenu li.start {
	margin:0px; 
	padding: 11px 0px 0px 0px;
	background: url(../images/step_0.gif) no-repeat;
	height: 39px;
	width: 35px;
}
#PathMenu li.home {
	margin:0px; 
	padding: 11px 0px 0px 0px;
	background: url(../images/step_1.gif) no-repeat;
	height: 39px;
	width: 80px;
}
#PathMenu li.home2nd {
	margin:0px;
	background: url(../images/step_1b.gif) no-repeat;
	height: 39px;
	width: 80px;
	padding: 13px 0 0;
	_padding: 15px 0 0;
}
#PathMenu li.mid {
	margin:0px; 
	padding: 13px 0 0;
	_padding: 15px 0 0;
	height: 39px;
	background: url(../images/step_2.gif) no-repeat;
	width: 120px;
}
#PathMenu li.end {
	margin:0px;
	padding: 13px 0 0;
	_padding: 15px 0 0;
	height: 39px;
	background: url(../images/step_3.gif) no-repeat;
	width: 120px;
	color: #eb7c47;
}
#PathMenu li a {
	text-decoration:none;
	color: #2d97c9;
}
#PathMenu li a:hover {
	color: #de5d97;
}

#PathMenu {
	border-bottom-style: none;
	height: 39px;
	font-size: 90%;
	margin: 0;
}

 /* 下階層への導入部分*/
#lead p.leadSentence {
	line-height: 1.5;
	margin-bottom: 20px;
}
#lead .column {
	clear: both;
	width: 100%; /* for WinIE6,7 */
}
#lead .column .section {
	width: 275px;
	float: left;
	border: 1px solid #F8C364;
}
#lead .column #leadPurpose,
#lead .column #leadTerms {
	float: left;
	background-color: #FFF;
	margin-bottom: 10px;
	margin-top: 20px;
	clear: right;
	margin-left: 30px;
	margin-right: 20px;
}

#lead .column #leadEnvironment,
#lead .column #leadAccess {
	float: right;
	background-color: #FFF;
	margin-bottom: 10px;
	margin-top: 20px;
	clear: right;
	margin-right: 30px;
}
#lead .column .section h2 {
	font-weight: normal;
	line-height: 1;
}
#lead .column .section h2 a {
	display: block;
	width: 235px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #D9D9D9;
	background: url(../images/lead_a_bg.gif) left center no-repeat;
	text-decoration: none;
}
#lead .column .section h2#info {
	font-weight: normal;
	line-height: 1;
	display: block;
	width: 235px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	background: url(../images/man_info_title.gif) left center no-repeat;
	text-decoration: none;
}
#lead .column .section h2 a:active {
	background: url(../images/lead_a_bg.gif) right center no-repeat;
}
#lead .column .section p {
	margin: 7px 10px 18px 10px;
	line-height: 1.5;
}

/* サイドナビメニュー*/

#SideNavi ul {
	background: #6ab9d6;
	line-height: 25px;
}
#SideNavi ul li {
	padding-bottom: 2px;
	background: url(../images/ln_li_bg.gif) left bottom repeat-x;
}
#SideNavi ul li a {
	background: url(../images/arrow_big.gif) no-repeat 9px 9px;
	text-decoration: none;
	padding: 5px 0 5px 15px;
	height: 27px;
}
#SideNavi ul li a:hover,
#SideNavi ul li a:focus {
	background:  url(../images/arrow_big.gif) no-repeat 9px 9px;
}
#SideNavi ul li ul {
	margin-left: 20px;
	_margin-left: 10px;
	font-size: 90%;
}
#SideNavi ul li ul li {
	padding-bottom: 0;
	background: none;
}
#SideNavi ul li ul li a {

	padding: 6px 10px 6px 14px;
	background: url(../images/arrow_small.gif) 6px 11px no-repeat;
}

#SideNavi ul li ul li a:hover,
#SideNavi ul li ul li a:focus {
	background: url(../images/arrow_small.gif) 7px 11px no-repeat;
}
#SideNavi ul li.current a {
	background-image: none;
	font-weight: bold;
}
#SideNavi ul li.current ul li a {
	background: url(../images/arrow_small.gif) 6px 11px no-repeat;
	font-weight: normal;
}

/* フッターナビゲーション*/
#footerNavigation {
	padding-left: 10px;
	border-top: 1px solid #d5aa5d;
	font-size: 90%;
	line-height: 1.2;
}
#footerNavigation li {
	float: left;
	margin-right: 20px;
	padding: 8px 0;
}
#footerNavigation li a {
	display: block;
	padding-left: 6px;
	background: url(../images/arrow_small.gif) left center no-repeat;
	text-decoration: none;
}
#copyright {
	clear: both;
	width: 860px; /* for WinIE6,7 */
	padding: 10px 20px;
	background: #f9a703 url(../images/copyright.gif) no-repeat 10px 10px;
	border-top: 1px solid #f9c365;
	font-size: 90%;
	line-height: 1;
	margin-bottom: 20px;
	text-indent: -9999px;
}
#title_image {
	border-bottom-style: none;
	margin-bottom: 20px;
	margin-top: 0px;
	height: 160px;
}
.style1 {
	font-size: 9px;
	color: #de5d97;
 }
 .small {
	font-size: 9px;
	color: #167fac;
}
em {
	visibility: hidden;
}
#secsentence {
	width: 200px;
	float: left;
	border: 1px solid #F8C364;
	padding: 10px 40px;
	margin-left: 30px;
	margin-right: 20px;
}
#secsentence2 {
	width: 200px;
	float: left;
	padding: 0;
	margin: 0 0 50px 75px;
}
#list01 a {
	text-decoration: none;
	border: 0;
}
#list02 a {
	text-decoration: none;
	border: 0;
}
#list01 {
	background: url(../images/xion_logo.png) no-repeat;
	margin-top: 7px;
	width: 57px;
	height: 45px;
	margin-left: 20px;
}
#list02 {
	background: url(../images/otec_logo.gif) no-repeat;
	width: 166px;
	height: 23px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 7px;
	padding: 0;
}
#list03 {
	background: url(../images/penetrate_logo.jpg) no-repeat;
	width: 129px;
	height: 28px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 7px;
	padding: 0;
}
#col01000 {
	width: 610px;
	height: 41px;
	margin-top: 0;
	margin-bottom: 50px;
	padding: 0;
	background: url(../images/col01.png) no-repeat;
}
#col06001 {
	width: 610px;
	height: 41px;
	margin-top: 0;
	margin-bottom: 60px;
	padding: 0;
	background: url(../images/col06.png) no-repeat;
}
#col02001 {
	width: 693px;
	height: 96px;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0;
	background: url(../images/col02.png) no-repeat;
}
#col03000 {
	width: 471px;
	height: 34px;
	margin-top:50px;
	margin-bottom: 30px;
	padding: 0;
	background: url(../images/col03.png) no-repeat;
}
#col04 {
	background: url(../images/partner_p.png) no-repeat;
	width: 235px;
	height: 90px;
	padding: 0;
	margin: 0;
}
#col05 {
	background: url(../images/partner_p2.png) no-repeat;
	width: 235px;
	height: 90px;
	padding: 0;
	margin: 0;
}
#col06000 {
	width: 610px;
	height: 41px;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	background: url(../images/col06.png) no-repeat;
}
#col0700 {
	background: url(../images/col07.png) no-repeat;
	width: 610px;
	height: 65px;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
}
#col06000 {
	background: url(../images/col08.png) no-repeat;
	width: 610px;
	height: 65px;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
}
#col08 {
	background: url(../images/partner_p3.png) no-repeat;
	width: 235px;
	height: 90px;
	padding: 0;
	margin: 0;
}
#col09 {
	background: url(../images/partner_p4.png) no-repeat;
	width: 235px;
	height: 90px;
	padding: 0;
	margin: 0;
}
#col10000 {
	background: url(../images/col10.png) no-repeat;
	width: 693px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0;
}
#col11000 {
	background: url(../images/col11.png) no-repeat;
	width: 693px;
	height: 80px;
	margin-top: 0;
	margin-bottom: 60px;
	padding: 0;
}
#col12000 {
	background: url(../images/col12.png) no-repeat;
	width: 693px;
	height: 40px;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
}
#warning0100 {
	background: url(../images/warning01.png) no-repeat;
	width: 610px;
	height: 50px;
	margin-bottom: 50px;
	padding: 0;
}
#warning0200 {
	background: url(../images/warning02.png) no-repeat;
	width: 610px;
	height: 50px;
	margin-bottom: 20px;
	padding: 0;
	margin-top: 15px;
}
#title0100 {
	width: 610px;
	height: 30px;
	background: url(../images/title_a.png) no-repeat;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
}
#title0200 {
	width: 610px;
	height: 30px;
	background: url(../images/title_b.png) no-repeat;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
}
#title_ren {
	background-image: url(../images/renkei.png);
	width: 200px;
	height: 33px;
	margin: 0;
	padding: 0;
}
#clear {
	width: 400px;
	height: 1px;
	clear: both;
}
#contentTitle {
	height: 0;
}
#table_area {
	width: 550px;
	height: auto;
	margin-left: 50px;
	padding: 0;
}
#table1 {
	width: 500px;
	height: auto;
	margin: 30px 30px 10px;
	padding: 0;
	text-align: center;
}
#cell150 {
	width: 160px;
	height: auto;
	margin: 0;
	padding: 0;
}
#contentTitle01 {
	background: url(../images/title_c.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#leadSentence001 {
	background: url(../images/col13.png) no-repeat;
	width: 693px;
	height: 85px;
	margin: 10px 0;
	padding: 0;
}
#t002 {
	width: 610px;
	height: 30px;
	margin: 50px 0 5px;
	padding: 0;
	background: url(../images/title_d_d.gif) no-repeat;
}
#t001 {
	width: 610px;
	height: 40px;
	margin: 50px 0 5px;
	padding: 0;
	background: url(../images/title_d_p.gif) no-repeat;
}
#t003 {
	width: 610px;
	height: 40px;
	margin: 50px 0 5px;
	padding: 0;
	background: url(../images/title_l_i_p.gif) no-repeat;
}
#contentTitle02 {
	background: url(../images/title_d.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#leadSentence002 {
	background: url(../images/col14.png) no-repeat;
	width: 693px;
	height: 85px;
	margin: 10px 0;
	padding: 0;
}
#t004 {
	width: 610px;
	height: 40px;
	margin: 50px 0 5px;
	padding: 0;
	background: url(../images/title_i_i.gif) no-repeat;
}
#t005 {
	width: 610px;
	height: 40px;
	margin: 50px 0 0;
	padding: 0;
	background: url(../images/title_d_s.gif) no-repeat;
}
#contentTitle03 {
	background: url(../images/title_e.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#leadSentence003 {
	background: url(../images/col15.png) no-repeat;
	width: 693px;
	height: 45px;
	margin: 10px 0;
	padding: 0;
}
#t006 {
	width: 610px;
	height: 30px;
	margin: 50px 0 5px;
	padding: 0;
	background: url(../images/title_e_j.gif) no-repeat;
}
#contentTitle04 {
	background: url(../images/title_f.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#leadSentence004 {
	background: url(../images/col16.png) no-repeat;
	width: 693px;
	height: 45px;
	margin: 10px 0;
	padding: 0;
}
#t007 {
	width: 610px;
	height: 30px;
	margin: 30px 0 5px;
	padding: 0;
	background: url(../images/title_a_d.gif) no-repeat;
}
#contentTitle05 {
	background: url(../images/title_g.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#leadSentence005 {
	background: url(../images/col17.png) no-repeat;
	width: 693px;
	height: 45px;
	margin: 10px 0;
	padding: 0;
}
#t008 {
	width: 610px;
	height: 30px;
	margin: 50px 0 5px;
	padding: 0;
	background: url(../images/title_p_t.gif) no-repeat;
}
#contentTitle06 {
	background: url(../images/title_h.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#leadSentence006 {
	background: url(../images/col18.png) no-repeat;
	width: 693px;
	height: 40px;
	margin: 10px 0;
	padding: 0;
}
#warning0300 {
	background: url(../images/warning03.gif) no-repeat;
	width: 610px;
	height: 50px;
	margin: 20px 0;
	padding: 0;
}
#t009 {
	width: 610px;
	height: 30px;
	margin: 50px 0 5px;
	padding: 0;
	background: url(../images/title_m_c.gif) no-repeat;
}
#t010 {
	width: 610px;
	height: 30px;
	margin: 50px 0 5px;
	padding: 0;
	background: url(../images/title_m_x.gif) no-repeat;
}
#contentTitle {
	background: url(../images/title_q.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#contentTitle00 {
	background: url(../images/title_r.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#contentTitle01a {
	background: url(../images/title_01a.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#contentTitle01b {
	background: url(../images/title_01b.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#contentTitle03b {
	background: url(../images/title_03.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#contentTitle04b {
	background: url(../images/title_04.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#contentTitle05 {
	background: url(../images/title_05.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#contentTitle06 {
	background: url(../images/title_06.png) no-repeat;
	width: 610px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#penerate {
	background: url(../images/penetrate_logo2.jpg) no-repeat;
	width: 200px;
	height: 28px;
	margin: 0 0 0px 50px;
	padding: 0;
}