@charset "utf-8";
/* CSS Document */

@import url(layout.css);

/*基本設定*/
body {
	margin:0px 10px 0px 10px;
	background-color:#d9dedf;
	font-size:12px;
	line-height:140%;
	color:#444;
	font-family:"ヒラギノ角ゴ Pro W3", Osaka ,"ＭＳ Ｐゴシック", sans-serif;
}

img {
	border:0px;
}

a:link {
	color:#1150BB;
	text-decoration:none;
}

a:visited {
	color:#2F7874;
	text-decoration:none;
}

a:hover {
	color:#00DDAA;
	text-decoration:underline;
}

h1 {
	font-size:12px;
	font-weight:normal;
	color:#444444;
	margin: 0px;
	padding:0px;
}

/*インデックステンプレート*/
#IndexTopcopy {
	width:782px;
	padding:10px 0px 0px 0px;
	text-align:left;
}


/*インデックスレイアウト*/
#IndexTopimage {
	width:538px;
	height:225px;
	border:1px solid #666666;
	text-align:right;
}

#IndexTopimage h3 {
	display:none;
}

#IndexTopimage p {
margin:100px 10px 0px 0px;
}

a.m4 {
font-size:10px;
color:#444444;
text-decoration:underline;
}

#IndexTopimage_mobile p.rec {
	margin:130px 10px 10px 0px;
	padding:0px;
	height:85px;
	width:85px;
}

#IndexTopimage_flash {
	width:538px;
	height:225px;
	border:1px solid #666666;
	text-align:center;
	background-color: #FFFFFF;
}

.flash_ver {
	text-align:center;
	background-color: #FFFFFF;
	padding: 105px 0px 0px 0px;
	margin:0px;
}

#IndexNews {
	width:540px;
	height:780px;
	margin-top:10px;
	border:1px solid #666666;
	background-color:#ffffff;
	background-image:url(../image/index/IndexNewsbg.gif);
	background-repeat:no-repeat;
	color:#5eaab8;
}

#IndexNews p{
	margin:5px 0px 10px 10px;
}

#indexWhatsnew {
	width:244px;
	margin-right:9px;
	height:700px;
	padding:10px;
	float:left;
	background-image:url(../image/index/koushinbg2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#indexRelease {
	width:244px;
	height:700px;
	padding:10px;
	float:left;
	background-image:url(../image/index/newsbg2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}


#GetFlash {
	background-color:#ecefef;
	width:518px;
	height:40px;
	border:1px solid #666666;
	margin:10px 0px 0px 0px;
	padding:10px 10px 0px 10px;
	color:#666666;
}

img.flash {
margin:0px 20px 0px 0px;
}

img.qr {
margin:5px 10px 0px 0px;
}


/*製品メニュー*/
#ProductNav {
	position:relative;
	width:230px;
	margin:0px;
	padding:0px;
	border:1px solid #666666;
	background-color:#3490D6;
}

#ProductNav p {
position:absolute;
background: transparent url(../image/index/case.gif) 0px 0px;
width:59px;
height:21px;
margin:0px;
padding:0px;
}

#ProductNav p a{
display:block;
width:59px;
height:21px;
margin:0px;
padding:0px;
}

#ProductNav p a span{
display:none;
}

#ProductNav p a:hover {background: transparent url(../image/index/case.gif) 0px -21px;}

#ProductNav .order_case {
top:50px;
left:162px;
}

#ProductNav .rich_case {
top:102px;
left:162px;
}

#ProductNav .design_case {
top:154px;
left:162px;
}

#ProductNav .system_case {
top:206px;
left:162px;
}

.titlebar {
border-bottom:1px solid #666666;
}

/* リスト指定 */
/*#ProductNav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#ProductNav li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
	text-decoration:none;
}*/

#ProductNav div {
	margin:0px;
	padding:0px;
	display:block;
	text-decoration:none;
}

#ProductNav a.pro_ser {
	margin:0px;
	padding:0px;
	width:230px;
	height:35px;
	display:block;
	position:relative;
	text-decoration:none;
}

#ProductNav a.sol {
	margin:0px;
	padding:0px;
	width:230px;
	height:52px;
	display:block;
	position:relative;
	text-decoration:none;
}

/* バックグラウンド画像指定 */
#ProductNav #item_ipax {
	background: transparent url(../image/index/ipax.png) 0px 0px;
	width:230px;
	height:35px;
}
#ProductNav #item_ichatlive {
	background: transparent url(../image/index/ichatlive.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:35px;
}

#ProductNav #item_mobtel {
	background: transparent url(../image/index/mobtel.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:35px;
}

#ProductNav #item_cvt {
	background: transparent url(../image/index/cvt.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:35px;
}
#ProductNav #item_hosting {
	background: transparent url(../image/index/hosting.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:35px;
}

#ProductNav #item_order {
	background: transparent url(../image/index/order.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:52px;
}
#ProductNav #item_rich {
	background: transparent url(../image/index/rich.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:52px;
}
#ProductNav #item_hp {
	background: transparent url(../image/index/hp.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:52px;
}
#ProductNav #item_system {
	background: transparent url(../image/index/sys.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:52px;
}

#ProductNav #item_domain{
	background: transparent url(../image/index/domain.png) 0px 0px;
	margin:0px;
	padding:0px;
	width:230px;
	height:35px;
}
/* アンカー処理 */
#item_ipax a:hover {background: transparent url(../image/index/ipax.png) 0px -35px;}
#item_mobtel a:hover {background: transparent url(../image/index/mobtel.png) 0px -35px;}
#item_ichatlive a:hover {background: transparent url(../image/index/ichatlive.png) 0px -35px;}
#item_cvt a:hover {background: transparent url(../image/index/cvt.png) 0px -35px;}
#item_hosting a:hover {background: transparent url(../image/index/hosting.png) 0px -35px;}
#item_domain a:hover {background: transparent url(../image/index/domain.png) 0px -35px;}

#item_order a:hover {background: transparent url(../image/index/order.png) 0px -52px;}
#item_rich a:hover {background: transparent url(../image/index/rich.png) 0px -52px;}
#item_hp a:hover {background: transparent url(../image/index/hp.png) 0px -52px;}
#item_system a:hover {background: transparent url(../image/index/sys.png) 0px -52px;}

/* 表示なし要素（アンカー内にかける） */
#ProductNav div span { display:none;}

/*プライバシー*/
#Privacy {
	width:522px;
	height:74px;
	margin-top:10px;
	padding:8px 10px 0px 8px;
	border:1px solid #666666;
	background-color:#f4f7f7;
	font-size:12px;
	color:#555555;
	line-height:120%;
	overflow: hidden;
}

#Privacy img {
	margin-bottom:5px;
}

#Privacy p {
	margin:0px;
	width:400px;
	display:inline;
	float:left;
}

.mark {
	margin:0px 0px 0px 0px;
	width:120px;
	display:inline;
	float:left;
	text-align:right;
}

/*リンク*/
#IndexLink {
	width:230px;
	height:605px;
	margin-top:10px;
	padding:0px;
	border:1px solid #666666;
	background-color:#f4f7f7;
}

#IndexLink p {
	margin:8px 10px 4px 10px;
}

#IndexLink iframe {
	margin:2px 0px 0px 0px;
}

#IndexLink a:link{
	color:#888888;
}

#IndexLink span {
	font-size:10px;
	color:#AAAAAA;
}

#Alteil {
	width:215px;
	height:305px;
	margin-top:10px;
	padding:10px 5px 5px 10px;
	font-size:10px;
	border:1px solid #666666;
	background-color:#f4f7f7;
	overflow: hidden;
}

#Alteil span {
	font-size:12px;
	color:#698b9b;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", Osaka ,"ＭＳ Ｐゴシック", sans-serif;
}

#Alteil p.alt {
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:8px 0px 8px 0px;
	line-height:1.35em;
	border-bottom: 1px dotted #00acbe;
}

#Alteil p.altMobile {
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:8px 0px;
	line-height:1.35em;
	border-bottom: 1px dotted #00acbe;
}

p.toyoko {
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:8px 0px;
	line-height:1.35em;
	border-bottom: 1px dotted #00acbe;
}

p.csaj {
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:8px 0px;
	line-height:1.35em;
}


/*下位ページテンプレート*/


/*サイトマップ用*/
#SiteMap {
	width:780px;
	margin:10px 0px 0px 0px;
	padding:0px;
	height:570px;
	background-color:#ffffff;
	border:1px solid #666666;
	text-align:left;
	overflow:visible;
}

#SiteMap h2{
	margin:0px;
	padding:0px;
	letter-spacing:0.3em;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

#SiteMap h3{
	background-image:url(../image/sitemap/h3.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	color:#666666;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}

#SiteMap ul{
	margin:0px 0px 0px 50px;
	padding:0px;
	list-style-image:url(../image/sitemap/li.gif);
	line-height:175%;
}

#SiteMap li{
	margin:0px;
	padding:0px;
}

#SiteMap a:link {
	color:#1150bb;
	text-decoration:underline;
}

#SiteMap a:visited{
	color:#269eac;
	text-decoration:underline;
}

#SiteMap a:hover {
	color:#000000;
	text-decoration:none;
}

.SitemapProduct {
	width:240px;
	margin-top:10px;
	padding:0px 10px 10px 10px;
	float:left;
}

.SitemapCampany {
	width:227px;
	height:500px;
	margin-top:10px;
	padding:0px 10px 10px 20px;
	float:left;
	border-left:3px dotted #b9d8e6;
}

.SitemapRecruit {
	width:227px;
	height:500px;
	margin-top:10px;
	padding:0px 10px 10px 20px;
	float:left;
	border-left:3px dotted #b9d8e6;
}

/*製品ページ用共通*/
img.Subtitle {
	margin:15px 0px 3px 0px;
	border:0px;
}

.Attention {
	font-size:10px;
	color:#666666;
}

.px14 {
	color:#0b4d87;
	font-size:14px;
	font-weight:bold;
}

.px14_g {
	color:#008124;
	font-size:14px;
	font-weight:bold;
}

.indent30 {
	padding:0px 0px 10px 30px;
	color:#444444;
}

.indent15 {
	padding:0px 0px 15px 15px;
	color:#444444;
}

.faq {
	background-color:#BAD0E9;
	padding:3px;
	margin:3px;
	width:20px;
}

.outline_left {
	width:255px;
	height:70px;
	border:1px solid #2079e5;
	background-color:#fdfef8;
	font-size:10px;
	margin:0px 5px 5px 0px;
	padding:0px;
	color:#405457;
	float:left;
}

.outline_right {
	width:256px;
	height:70px;
	border:1px solid #2079e5;
	background-color:#fdfef8;
	font-size:10px;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#405457;
	float:right;
}

.outline_block {
	margin:0px 0px 15px 0px;
	clear:both;
}

.outline_line {
	margin:0px 0px 0px 0px;
	clear:both;
	height:70px;
}

.outline_line img{
	margin:0px 5px 0px 0px;
}


/*製品ページ左メニュー用*/
#menu_product {background: transparent url(../image/common/productmenu/seihin.gif) 0px 0px;}
#menu_concept {background: transparent url(../image/common/productmenu/concept.gif) 0px 0px;}
#menu_outline {background: transparent url(../image/common/productmenu/outline.gif) 0px 0px;}
#menu_faq {background: transparent url(../image/common/productmenu/faq.gif) 0px 0px;}
#menu_service {background: transparent url(../image/common/productmenu/service.gif) 0px 0px;}
#menu_suggest {background: transparent url(../image/common/productmenu/suggest.gif) 0px 0px;}

#menu_product_on {background: transparent url(../image/common/productmenu/seihin.gif) 0px -30px;}
#menu_concept_on {background: transparent url(../image/common/productmenu/concept.gif) 0px -30px;}
#menu_outline_on {background: transparent url(../image/common/productmenu/outline.gif) 0px -30px;}
#menu_faq_on {background: transparent url(../image/common/productmenu/faq.gif) 0px -30px;}
#menu_service_on {background: transparent url(../image/common/productmenu/service.gif) 0px -30px;}
#menu_suggest_on {background: transparent url(../image/common/productmenu/suggest.gif) 0px -30px;}

#menu_product a:hover{background: transparent url(../image/common/productmenu/seihin.gif) 0px -30px;}
#menu_concept a:hover{background: transparent url(../image/common/productmenu/concept.gif) 0px -30px;}
#menu_outline a:hover{background: transparent url(../image/common/productmenu/outline.gif) 0px -30px;}
#menu_faq a:hover{background: transparent url(../image/common/productmenu/faq.gif) 0px -30px;}
#menu_service  a:hover{background: transparent url(../image/common/productmenu/service.gif) 0px -30px;}
#menu_suggest a:hover{background: transparent url(../image/common/productmenu/suggest.gif) 0px -30px;}


.suggest {
width:510px;
padding:5px;
height:220px;
}