@charset "shift_jis";



body {
	text-align: center;
	font: 75%/2  "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3","メイリオ",;
	background: #ffffff;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

.color1 {
	color: #ffff33;
}

.mini {
	font-size: 90%;
	line-height: 1.6;
}

#main ul.listmark {
	padding: 0.5em 20px 0em 30px;
	list-style: disc;
}



/*全般のリンク設定
---------------------------------------------------------------------------*/
a {
	color: #666666;
}

a:hover {
	color: #ff0033;
}



/*コンテナー（HP全体を囲むブロック）
---------------------------------------------------------------------------*/
#container {
	background: #000000;
	text-align: left;
	width: 864px;
	margin-right: auto;
	margin-left: auto;

}



/*ヘッダー
---------------------------------------------------------------------------*/

#area_header{
	width: 100%;
	margin-bottom:13px;
	background:url(shared/image/header_bg.png) repeat-x;
	height: 154px;
	padding-top:10px;
}

#header {
	background-image: url(shared/image/area_header_bg.png);
        background-repeat:no-repeat;
	width: 864px;
	height: 115px;
	position: relative;
	margin:10px auto;
}

/*???S????z?u??u???*/
#header #logo {
	position: absolute;
	top: 20px;
	right: 0px;
}


/*h1?^?O???*/
#header h1 { font-size: 11px; font-weight: normal; position: absolute; right: 10px; color: #000000; top: 0; }


#header2 {
	background-image:url(top/header2_demo.gif);
        background-repeat:no-repeat;
	position: relative;
	margin-top: 0px;
	width: 867px;
	height: 71px;

}


/*?i?r???j???[
------------------------------------------------------------------*/
#nav {
	position: absolute;
	top: 5px;
	left: 60px;
	line-height: 1.2;
	padding-left: 25px;
	height: 22px;
	font-size: 11px;
	color: #000000;
}
#nav li {
	float: left;
	width: 23em; /*IE7????C???I?t?H???g????6em?i6?????j????????\???????????????*/

}
#nav li a {
	background: url(images/arrow1.gif) no-repeat left center;
	padding-left: 20px;

}

#navi li a:hover {
	background: url(images/arrow2.gif) no-repeat left center;
	padding-left: 20px;

}


ul#menu{
    list-style:none;
    width:867px;
		
position: absolute;
	top: 96px;
	margin-right: auto;
	margin-left: auto;

}
ul#menu li{
    list-style:none;
    float:left;
}
ul#menu a{
    display:block;
    height:37px;
    text-indent:-100px;
    background-image: url(shared/image/nav_manu.png);
    text-indent: -9999px;
    overflow:hidden;
}
a:hover.top{
    background-position: 0px -37px;
}
a.top{
	width:79px;
    background-position:0px 0px;
	
}

a:hover.sekou{
    background-position: -79px -37px;
}
a.sekou{
	width:92px;
    background-position: -79px 0px ;
}

a:hover.consal{
    background-position:-171px -37px ;
}
a.consal{
	width:140px;
    background-position: -171px 0px;
}

a:hover.voice{
    background-position: -311px -37px;
}
a.voice{
	width:104px;
    background-position:-311px 0px ;
}

a:hover.press{
    background-position:-416px -37px ;
}
a.press{
	width:113px;
    background-position:-416px 0px ;
}

a:hover.cg{
    background-position:-529px -37px ;
}
a.cg{
	width:110px;
    background-position:-529px 0px ;
}

a:hover.faq{
    background-position:-639px -37px ;
}
a.faq{
	width:114px;
    background-position:-639px 0px ;
}

a:hover.contact{
    background-position:-753px -37px ;
}
a.contact{
	width:113px;
    background-position:-753px 0px ;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	text-align:center; 
	width: 850px;
	display: inline;
	margin-right: 10px;
	padding-bottom: 10px;
        line-height : 18pt;
        position: relative;
	top: 70px;
}


/*h2見出し設定*/
#main h2 {
	font-size: 12pt;
	color: #ffffff;
	background: url(images/h2_bg3.gif) no-repeat;
	line-height: 30px;
	margin-bottom: auto;
	margin-bottom: auto;
	padding-left: 25px;
	overflow: hidden;
}

/*h3見出し設定*/
#main h3 {
	font-size: 11pt;
	color: #ffffff;
}

/*h5見出し設定*/
#main h5 {
	font-size: 120%;
	color: #ffffff;
	background: url(images/h2_bg.gif) no-repeat;
	line-height: 30px;
	height: 30px;
	padding-left: 25px;
	overflow: hidden;
}

#main p {
	padding: 0.5em 10px 2em;
        line-height: 150%
        text-align:left; 

}

/*リンク画像にカーソルがのった時の半透明設定
---------------------------------------------------------------------------------------*/
#contents a:hover img {
             filter: Alpha(opacity=80);
             opacity: 0.8; /*firefox safari*/
}


/*画像
---------------------------------------------------------------------------------------*/
.box {
	margin: 10px auto 20px;
}
.box img {
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin: 2px;
}
.box td {
	vertical-align: top;
	text-align: center;
	font-size: 10px;
	padding-bottom: 0.5em;
}
.box a {
	text-decoration: none;
}
.box a:hover img {
	border: 1px solid #333333;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}





/*テーブル
---------------------------------------------------------------------------*/
.ta {
	width: 800px;
	border-collapse:collapse;
	border: 1px solid #ffffff;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
}

.ta td, .ta th{
	padding: 10px 5px;
}

.ta td, .ta th{
	padding: 10px 5px;
	border: 0px solid #ffffff;
}

.ta th{
	width: 150px;
	text-align: center;
	background: #f0f5e1;
}

.ta .tamidashi{
	width: auto;
	text-align: center;
	background: #b6d365;
	color: #FFFFFF;
}

.ta2 {
	border-collapse:collapse;
	width: 800px;
	border: 0px;
        text-align:center; 
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
}

.ta2 td, .ta2 th{
	padding: 10px 5px;
	border: 0px solid #ffffff;
}

.ta2 p{
	margin-right: 30px;
}

.ta3 {
	width: 856px;
	border-collapse:collapse;
        text-align:center; 
	border: 0px;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	background: #400000
}
/*フッター
---------------------------------------------------------------------------*/
#footer {
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	border-bottom: 1px solid #ababa9;
	background: #333333;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	width: 858px;
	text-align: center;
	color: #FFFFFF;	
        line-height: 150%
}


#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #666666;
}




             .rollover_soudan1 {
             width:600px;
             height:368px;
             background:url(img/n_soudan1.gif) no-repeat left bottom;
}
             .rollover_soudan1 a {
             display:block;
             width:600px;
             height:368px;
             outline:none;
}
             .rollover_soudan1 a:hover {
             text-indent:-9999px;
}

            .rollover_soudan3 {
             width:425px;
             height:260px;
             background:url(img/m_soudan3.gif) no-repeat left bottom;
}
             .rollover_soudan3 a {
             display:block;
             width:425px;
             height:260px;
             outline:none;
}
             .rollover_soudan3 a:hover {
             text-indent:-9999px;
}

            .rollover_soudan4 {
             width:432px;
             height:160px;
             float: left;  
             background:url(img/m_soudan4.jpg) no-repeat left bottom;
}
             .rollover_soudan4 a {
             display:block;
             width:432px;
             height:160px;
             outline:none;
             float: left; 
}
             .rollover_soudan4 a:hover {
             text-indent:-9999px;
}

            .rollover_tegami3 {
             width:425px;
             height:260px;
             background:url(img/m_tegami3.gif) no-repeat left bottom;
}
             .rollover_tegami3 a {
             display:block;
             width:425px;
             height:260px;
             outline:none;
}
             .rollover_tegami3 a:hover {
             text-indent:-9999px;
}

            .rollover_koe {
             width:432px;
             height:160px;
             background:url(img/m_koe.jpg) no-repeat left bottom;
             float: right; 
}
             .rollover_koe a {
             display:block;
             width:432px;
             height:160px;
             outline:none;
             float: right; 
}
             .rollover_koe a:hover {
             text-indent:-9999px;
}

            .rollover_lowcost {
             width:864px;
             height:155px;
             background:url(img/m_lowcost.jpg) no-repeat left bottom;
}
             .rollover_lowcost a {
             display:block;
             width:864px;
             height:155px;
             outline:none;
}
             .rollover_lowcost a:hover {
             text-indent:-9999px;
}