
/*=====================================
	CLEARFIX
=====================================*/
div:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 10px;  
line-height: 0;  
clear: both;  
}
div {  
zoom: 100%;  
}

/*=====================================
	RESET
=====================================*/
html {
overflow-y: scroll;
}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin-top : 0px ; margin-right : auto ; margin-left : auto ;
padding: 0px;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0px;
border:0;
}
th,td,tr {
font-weight:normal;
border:0px;
}
caption,th {
text-align: left;
}
q:before,q:after {
content: '';
}
object,
embed {
vertical-align: top;
}
hr,legend{
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,abbr,acronym,fieldset {
border: 0px;
}
img {
float : left ;
}
label {
cursor:pointer;
}
img {
vertical-align:top;
}
p {
text-align: justify;
text-justify: distribute; 
}
em {
font-style:normal;
font-weight:bold;
}

a:link {text-decoration: none ; color : #00b1d9;}
a:visited {text-decoration: none ;color:#00b1d9;}
a:hover {text-decoration : underline ; color: #0099cc;}


/*=====================================
	HEADER  FLASH
=====================================*/
#header {
position : relative ;    top : 0px ;    left : 0px ;
height : 75px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_header.jpg);
}
#header_content {
position : relative ;    top : 0px ;    left : 0px ;
width :900px ; height :75px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
}
#header_content table{
margin-top : 10px ;
}
#top_image {
position : relative ;    top : 0px ; 
width : 1000px ; height :440px ;
padding : 0px ; border : 0px dotted #ffffff ;
background-color : #none;
}
#top_image_swf {
width : 1000px ; height :440px ;
padding : 0px ; border : 0px dotted #ffffff ;
background-color : #ffffff;
}

/*=====================================
	TOP_FOOTER
=====================================*/
#top_footer {
position : relative ;    top : 10px ;    left : 0px ;
height : 186px ;
padding : 0px ; border : 0px solid #ffffff ;
background-color :none ;
background-image : url(../bg/bg_footer.jpg);
}
#top_content {
position : relative ;    top : 65px ;    left : 0px ;
width : 780px ; height :60px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : none;
}
#footer {
position : relative ;    top : 70px ;    left : 0px ;
width : 900px ; height :60px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : none;
}
#office {
position : absolute ;    top : 10px ;    right : 0px ;
width : 400px ; height :30px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : none;
}
#office td{
font : normal 10px/14px "MS ゴシック", san-serif ;
}

/*=====================================
	FOOTER_NAKA
=====================================*/
#footer_naka {
position : relative ;    top : 15px ;    left : 0px ;
width : 900px ; height :60px ;
background-color :#ffffff ;
}

/*=====================================
	TEXT
=====================================*/
#t1_b { font-size : 15px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #00a7ff ; line-height : 19px ; }
#t2_b { font-size : 14px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #00a7ff ; line-height : 18px ; }
#t3_b { font-size : 13px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #00a7ff ; line-height : 17px ; }
#t4_b { font-size : 12px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #00a7ff ; line-height : 16px ; }
#t5_b { font-size : 11px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #00a7ff ; line-height : 15px ; }
#t6_b { font-size : 10px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #00a7ff ; line-height : 14px ; }
#t7_b { font-size : 9px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #00a7ff ; line-height :13px ; }
#t8_b { font-size : 8px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #00a7ff ; line-height : 12px ; }

#t1 { font-size : 15px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #404040 ; line-height : 19px ; }
#t2 { font-size : 14px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #404040 ; line-height : 18px ; }
#t3 { font-size : 13px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #404040 ; line-height : 17px ; }
#t4 { font-size : 12px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #404040 ; line-height : 16px ; }
#t5 { font-size : 11px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #404040 ; line-height : 15px ; }
#t6 { font-size : 10px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #404040 ; line-height : 14px ; }
#t7 { font-size : 9px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W3",  "MS ゴシック", san-serif  ; color : #404040 ; line-height : 13px ; }
#t8 { font-size : 8px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W6",  "MS ゴシック", san-serif  ; color : #404040 ; line-height : 12px ; }

#t3-light { font-size : 13px ; font-style : normal ; font-family :"ヒラギノ角ゴ pro W6",  "MS ゴシック", san-serif  ; color : #666666 ; line-height : 17px ; }


/*=====================================
	HEADER _NAKA
=====================================*/
#header_naka {
position : relative ;    top : 0px ;    left : 0px ;
height : 110px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_header_naka.jpg);
}
#logo {
position : relative ;    top : 5px ;    left : 0px ;
width : 900px ; height :40px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : none;
list-style-type : none ;
}
#naka_content {
position : relative ;    top :20px ;    left : 0px ;
width : 780px ; height :60px ;
padding : 0px ; border :0px dotted #000000 ;
background-color :none ;
background-image : none;
}

/*=====================================
	CONTENT_BAR
=====================================*/
#content_bar {
position : relative ;    top : 0px ;    left : 0px ;
width : 900px ; height :70px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :#ffffff ;
background-image : none;
}

/*=====================================
	SERVICE
=====================================*/
#service_body {
position : relative ;    top : 0px ;    left : 0px ;
height : 700px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :#d9f9fc ;
background-image : none;
}
#service_content {
position :relative ;    top : 20px ; 
width : 930px ; height :525px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_service.png);
}
#web_copy {
margin-top : 0px ;  position :absolute ;   left : 40px ; top : 77px ;  width : 385px ; height :80px ; padding : 0px ; border : 0px dotted #000000 ; background-color :#none ; background-image :none;
}
#web_cap1 {
margin-top : 0px ;  position :absolute ;   left : 205px ; top : 185px ;  width : 210px ; height :70px ; padding : 0px ; border : 0px dotted #000000 ; background-color :#none ; background-image :none;
}
#web_cap2 {
margin-top : 0px ;  position :absolute ;   left : 205px ; top : 260px ;  width : 210px ; height :70px ; padding : 0px ; border : 0px dotted #000000 ; background-color :#none ; background-image :none;
}
#web_cap3 {
margin-top : 0px ;  position :absolute ;   left : 205px ; top :335px ;  width : 210px ; height :70px ; padding : 0px ; border : 0px dotted #000000 ; background-color :#none ; background-image :none;
}
#web_cap4 {
margin-top : 0px ;  position :absolute ;   left : 205px ; top : 410px ;  width : 210px ; height :80px ; padding : 0px ; border : 0px dotted #000000 ; background-color :#none ; background-image :none;
}
#dtp_copy {
margin-top : 0px ;  position :absolute ;   left : 500px ; top : 77px ;  width : 385px ; height :80px ; padding : 0px ; border : 0px dotted #000000 ; background-color :#none ; background-image :none;
}
#dtp_cap1 {
margin-top : 0px ;  position :absolute ;   left : 510px ; top : 220px ;  width : 370px ; height :120px ; padding : 0px ; border : 0px dotted #000000 ; background-color :#none ; background-image :none;
}
#dtp_cap2 {
margin-top : 0px ;  position :absolute ;   left : 510px ; top : 385px ;  width : 370px ; height :120px ; padding : 0px ; border : 0px dotted #000000 ; background-color :#none ; background-image :none;
}
#concept {
margin-top : 0px ; margin-right : auto ; margin-left : auto ;
position :relative ; top : 540px ; 
width : 900px ; height :93px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_concept.gif);
}

/*=====================================
	PRICE  COMMON
=====================================*/
#price_body {
position : relative ;    top : 0px ;    left : 0px ;
height : 850px ; height :1250px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :#d9f9fc ;
background-image : none;
}
#price_content {
position :relative ;    top : 20px ; 
width : 900px ; height :756px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_price.gif);
}
#priceweb_hd {
position :relative ;  top : 20px ; 
width : 930px ; height :77px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_hd_priceweb.png);
}
.co {
position :relative ;  top : 20px ; 
width : 930px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_co.png);
}
.ftr {
position :relative ;  top : 20px ; 
width : 930px ; height :54px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_ftr.png);
}

/*=====================================
	SERVICEWEB
=====================================*/
#priceweb_h{
position :relative ; top : 0px ; left : 45px ;
font : normal 12px/17px "MS ゴシック", san-serif ;
}
#priceweb1 {
margin-top : 30px ;
position :relative ; 
width : 846px ; height :321px ;
padding : 0px ; border : 0px dotted #000000 ;
background-image : url(../bg/bg_priceweb1.gif);
}
#priceweb1_text1{
position :absolute ; top : 170px ; left : 50px ;
font : normal 11px/17px "MS ゴシック", san-serif ;
}
#priceweb1_text2{
position :absolute ; top : 170px ; left : 460px ;
font : normal 11px/17px "MS ゴシック", san-serif ;
}
#priceweb2 {
margin-top : 10px ;
position :relative ; 
width : 846px ; height :336px ;
background-image : url(../bg/bg_priceweb2.gif);
}
#priceweb2_text{
position :absolute ; top : 175px ; left : 430px ;
width : 395px ;
font : normal 11px/14px "MS ゴシック", san-serif ;
}
#priceweb3 {
margin-top : 10px ;
position :relative ; 
width : 846px ; height :70px ;
background-image : url(../bg/bg_priceweb3.gif);
background-repeat : no-repeat ;
display : hidden ;
}
#priceweb4 {
margin-top : 10px ;
position :relative ; 
width : 846px ; height :192px ;
background-image : url(../bg/bg_priceweb4.gif);
background-repeat : no-repeat ;
}
/*=====================================
	SERVICEDTP
=====================================*/
#pricedtp_hd {
position :relative ;  top : 20px ; 
width : 930px ; height :77px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_hd_pricedtp.png);
}
#pricedtp_h{
position :relative ; 
width : 845px ; height :92px ;
font : normal 12px/17px "MS ゴシック", san-serif ;
background-image : url(../bg/bg_pricedtp_h.gif);
}
#pricedtp {
position :relative ; 
width : 798px ; height : 580px ;
padding : 0px ; border : 0px dotted #000000 ;
background-image : url(../bg/bg_pricedtp.gif);
}
#pricedtp_text {
position :absolute ; top : 505px ; left : 517px ;
font : normal 11px/14px "MS ゴシック", san-serif ;
}

/*=====================================
	FLOW
=====================================*/
#flow_body {
position : relative ;    top : 0px ;    left : 0px ;
height : 1050px ;
background-color :#d9f9fc ;
background-image : none;
}
#flow_mini{
position : relative ; top :20px ;    left : 0px ;
width : 900px ; height :50px ;
background-image : url(../bg/bg_flow_mini.gif);
}
#pricedtp_hd {
position :relative ;  top : 20px ; 
width : 930px ; height :42px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_hd_flow.png);
}
#flow1 {
position :relative ; 
width : 760px ; height :228px ; 
background-image : url(../bg/bg_flow1.gif);
}
#flow1 div {
position :absolute ;
top : 47px ; left : 160px ; 
width : 360px ; height :120px ;
font : normal 13px/18px "MS ゴシック", san-serif ;
}
#flow2 {
position :relative ; 
width : 760px ; height :135px ; 
background-image : url(../bg/bg_flow2.gif);
}
#flow2 div{
position :absolute ; top :25px ; left : 160px ;
width : 575px ; height :90px ; 
font : normal 13px/18px "MS ゴシック", san-serif ;
}
#flow3 {
position :relative ; 
width : 760px ; height :145px ; 
background-image : url(../bg/bg_flow3.gif);
}
#flow3 div {
position :absolute ;  
top :35px ; left : 160px ;  
width : 575px ; height :90px ; 
font : normal 13px/18px "MS ゴシック", san-serif ;
}
#flow4 {
position :relative ;  
width : 760px ; height :145px ; 
background-image : url(../bg/bg_flow4.gif);
}
#flow4 div {
position :absolute ;   left : 160px ; top :35px ;  
width : 575px ; height :90px ; 
font : normal 13px/18px "MS ゴシック", san-serif ;
}
#flow5 {
position :relative ; 
width : 760px ; height :145px ; 
background-image : url(../bg/bg_flow5.gif);
}
#flow5 div {
position :absolute ;  top :35px ; left : 160px ; 
width : 575px ; height :90px ; 
font : normal 13px/18px "MS ゴシック", san-serif ;
}

/*=====================================
	SAMPLE
=====================================*/
#sample_body {
position : relative ; top : 0px ;    left : 0px ;
height : 650px ;
background-color :#d9f9fc ;
background-image : none;
}
#sample_content {
position :relative ;    top : 20px ; 
width : 900px ; height :753px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :none ;
background-image : url(../bg/bg_sample.gif);
}
#sample_hd {
position :relative ;  top : 20px ; 
width : 930px ; height :77px ;
background-color :none ;
background-image : url(../bg/bg_hd_sample.png);
}
#sample_h {
position :relative ; 
width : 845px ; height :400px ;
font : normal 12px/17px "MS ゴシック", san-serif ;
}
#sample_thumbnail_01 { position :absolute ;  top : 150px ;  left :95px ; width : 330px ; height :220px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}
#sample_header_01 { position :absolute ;  top : 150px ;  left :450px ; width : 342px ; height :30px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}
#sample_info_01 { position :absolute ;  top : 190px ;  left :450px ; width : 342px ; height :110px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}
#sample_link_01 { position :absolute ;  top : 305px ;  left :450px ; width : 342px ; height :18px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}
#sample_compo_01 { position :absolute ;  top : 325px ;  left :450px ; width : 342px ; height :45px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}

#sample_thumbnail_02 { position :absolute ;  top : 450px ;  left :95px ; width : 330px ; height :220px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}
#sample_header_02 { position :absolute ;  top : 450px ;  left :450px ; width : 342px ; height :30px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}
#sample_info_02 { position :absolute ;  top : 490px ;  left :450px ; width : 342px ; height :110px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}
#sample_link_02 { position :absolute ;  top : 605px ;  left :450px ; width : 342px ; height :18px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}
#sample_compo_02 { position :absolute ;  top : 625px ;  left :450px ; width : 342px ; height :45px ; padding : 0px ; border : 0px dotted #000000 ; background-color :none ; background-image : none;}

/*=====================================
	CAMPANY
=====================================*/
#campany_body {
position : relative ; 
height : 800px ;
background-color :#d9f9fc ;
}
#campany_body  table{
margin-left : 200px ;
font : normal 12px/17px "MS ゴシック", san-serif ;
}
#campany_body  tr{
border-bottom : 1px dashed #00dceb ;
}
#campany_body td{
padding-top : 14px ; padding-bottom : 14px ;
}
#campany_body ul {
list-style-type : none ;
}

/*=====================================
	PRIVACY
=====================================*/
#privacy_body {
position : relative ;
height :900px ;
background-color :#d9f9fc ;
}
#privacy_body dl {
padding : 40px 0px ;
width : 600px ; 
font : normal 13px/19px "MS ゴシック", san-serif ;
}

/*=====================================
	SITEMAP
=====================================*/
#sitemap_body {
position : relative ;    top : 0px ;    left : 0px ;
height : 700px ;
padding : 0px ; border : 0px dotted #000000 ;
background-color :#d9f9fc ;
background-image : none;
}
#sitemap_body table {
margin-left : 200px ;
font : normal 12px/17px "MS ゴシック", san-serif ;
}
#sitemap_body tr {
border-bottom : 1px dashed #00dceb ;
}
#sitemap_body td{
padding : 15px 10px ;
}

/*=====================================
	CONTACT
=====================================*/
#contact_body {
position : relative ;    top : 0px ;    left : 0px ;
height : 1200px ;
background-color :#d9f9fc ;
}
#contact_content {
position :relative ;    top : 20px ; 
width : 900px ; height :1030px ;
background-color :none ;
background-image : url(../bg/bg_contact.gif);
}
#contact_list {
position :relative ;    top : 20px ; 
width : 680px ; height :1000px ;

}