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

* {
margin: 0;
padding:;
}

img {
border: 0;
}

body {
font-size: 0.9em;
line-height: 1.8em;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #666666;
background-color:#FFFFFF;
}

#for_bg {
position: relative;
width: 830px;
margin: 0 auto;
text-align: left;
background-image: url('../images/header_bg.jpg');
background-repeat:no-repeat;
}

#main {
width: 800px;
margin: 0 auto;
}

#header {
width: 770px;
background-image:url('../../../images/stories/img_itcc/itcc_header_contact.gif');
background-repeat:no-repeat;
margin: 0 auto;
background-position: 226px 30px;
height: 150px;
}

#header img {
position: relative;
top: 0px;
}

#header p {
padding-top : 5px;
font-size: 0.7em;
}
#contents_area {
width: 770px;
margin: 25px auto;
clear: both;
}

.customer_txt_area h2 {
background-image: url('../images/h2_bg.jpg');
background-repeat: no-repeat;
width: 770px;
height: 30px;
color: #00A2FA;
padding : 6px 0 0 20px;
margin: 30px auto 10px;
font-size: 16px;
clear: both;
}

.customer_txt_area {
margin: 20px auto 40px auto;
width: 770px;
}

.customer_txt_area p {
margin: 0 0 0 40px;
}

.table {
margin-left:40px;
}

#footer {
background-image: url('../images/footer_bg.gif');
background-repeat:no-repeat;
width: 830px;
height: 161px;
margin: 0 auto;
font-size: 0.8em;
clear:both;
}

#footer_area {
color: #000000;
width: 760px;
text-align: center;
padding-top: 100px;
margin: 0 auto;
color: #FFFFFF;
}

#footer_area a {
color:#FFFFFF;
text-decoration: none;
}

#footer_area a:hover {
color:#FFFFFF;
text-decoration: underline;
}

.txt_right {
text-align: right;
padding: 10px 0 0 0;
}

.img_right {
float: right;
padding: 0 0 0 10px;
}

.nav {
width:800px;
background-image: url('../images/nav_bottom_bar.gif');
background-repeat: repeat-x;
background-position: bottom;
height: 53px;
margin: 0 auto;
}

.nav ul li a { 
text-decoration: none;
display: block; /*これで、a要素がp要素などのようにブロックレベルで扱われるようになり、行全体がリンクとして機能します。
Windows版InternetExplorerではやたら幅が空きますが、これはあとで対処します。*/}
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover {
	text-align: left;
	text-decoration: none;
	outline-color: #666666;
	outline-style: none;
	outline-width: medium;
	letter-spacing: normal;
	word-spacing: normal;
}
.artmenu, .artmenu ul { border: 0pt none ; margin: 0pt; padding: 0pt; list-style-type: none; display: block; }
.artmenu li { border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; display: block; float: left; position: relative; z-index: 5; }
.artmenu li:hover { z-index: 10000; white-space: normal; }
.artmenu li li { float: none; }
.artmenu ul { background: transparent none repeat scroll 0% 0%; visibility: hidden; position: absolute; z-index: 10; left: 0pt; top: 0pt; }
.artmenu li:hover > ul { visibility: visible; top: 100%; }
.artmenu li li:hover > ul { top: 0pt; left: 100%; }
.artmenu:after, .artmenu ul:after { overflow: hidden; content: "."; height: 0pt; display: block; visibility: hidden; clear: both; }
.artmenu, .artmenu ul { min-height: 0pt; }
.artmenu ul { margin: -10px 0pt 0pt -30px; padding: 10px 30px 30px; background-image: url('../images/spacer.gif'); }
.artmenu ul ul { margin: -30px 0pt 0pt -10px; padding: 30px 30px 30px 10px; }
.nav { margin: 10px auto 0pt; position: relative; width: 800px; height: 41px; z-index: 100; }
.artmenu { padding: 0px 6px 0px; }
.nav .l, .nav .r, .nav .r div { overflow: hidden; top: 0pt; position: absolute; z-index: -1; height: 41px; }
.nav .l { left: 0pt; right: 0px; }
.nav .r { right: 0pt; width: 0px; }
.nav .r div { width: 874px; right: 0pt; }
/*
.nav .l, .nav .r div { background-position: left top; background-repeat: no-repeat; background-image: url('../images/nav.png'); }
*/
.artmenu ul li { clear: both; }
.artmenu a, .artmenu a span { height: 29px; display: block; }
.artmenu a { cursor: pointer; text-decoration: none; margin-right: 2px; margin-left: 2px; }
.artmenu a { background-image: url('../images/item-left.png'); background-position: left top; background-repeat: no-repeat; }
.artmenu a span { background-image: url('../images/item-right.png'); background-position: right top; background-repeat: no-repeat; }
.artmenu a span span { margin: 0pt 4px; padding: 0pt 11px; font-family: Arial,Helvetica,Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #232622; line-height: 29px; text-align: center; background-image: url('../images/item-center.png'); background-position: left top; background-repeat: repeat-x; }
.artmenu a span span span {
background-image:url('../../../common/img/menu_bull_normal.gif');
background-repeat: no-repeat;
background-position: 0 10px;
padding: 0 0 0 20px;
 }


.artmenu a:hover { 
background-position: left -29px; 
}


.artmenu li:hover > a { 
background-position: left -29px; 
}


.artmenu li:hover a span { 
background-position: right -29px; 
}

.artmenu a:hover span { 
background-position: right -29px; 
}

.artmenu a:hover span span { 
background-position: left -29px; 
}

.artmenu a:hover span span span { 
background-image:url('../../../common/img/menu_bull_active.gif');
background-repeat: no-repeat;
background-position: 0 10px;
padding: 0 0 0 20px;
color: #FFFFFF;
}
.artmenu a.active { background-position: left -58px; }
.artmenu a.active span { background-position: right -58px; }
.artmenu a.active span span { 

color: rgb(17, 19, 17); background-position: left -58px; }


.artmenu a.active span span span {
background-image:url('../../../common/img/menu_bull_active.gif');
background-repeat: no-repeat;
background-position: 0 10px;
padding: 0 0 0 20px;
color: #FFFFFF;
}

.tb_contact table {
border-collapse:separate;
border-spacing:1px;
color:#666666;
font-size:90%;
width: 680px;
margin:10px auto;
line-height: 1.3em;
border: solid 1px #999999;
}


.fnt_red_s {
color: #FF0000;
font-size: 0.8em;
}

.fnt_size_s {
font-size: 0.8em;
}


.error {
padding-left:44px;
color:red;
}

.pagetop {
text-align: right;
font-size: 0.8em;
color: #666666;
margin:0 20px;
clear:both;
}

.pagetop a  {
text-decoration: underline;
color: #00A2FA;
background-image: url('../images/arrow.gif');
background-repeat:no-repeat;
background-position: 0 3px;
padding-left: 14px;
}

.pagetop a:hover  {
text-decoration: underline;
color: #00A2FA;
}


#thanks{
margin:10px 0px 300px 0px;
}


.breadcrumbs{
padding-top:5px;
font-size:0.8em;
color: #666666;
}


.breadcrumbs a {
color: #666666;
text-decoration: none;
}

.breadcrumbs a:hover {
text-decoration: underline;
}