@charset "utf-8";

/*CSSDocument*/

/* common.css
--------------------------------------------------------------

:: CSS Index

 1 : html body base
 2 : body base
-------------------------------------------------------------- */


/* html body base
===============================================================*/


/*
html ----------------------------------------------------------*/


html{
font-size: 16px;
/*\*/
_font-size: 100%;
/**/
}

*{ margin: 0px; padding: 0px;}

body{
color:#fff;
margin:0;
background:#00ade9;
padding:0px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
font-size:75%;
line-height:132%;
text-align:center;
}


a:link{ color:#ffffff;text-decoration:underline;}
a:visited{color:#ffffff;text-decoration:underline;}
a:active{color:#0092dd;text-decoration:none;}
a:hover{color:#0092dd;text-decoration:none;}

a.link_arrow{ background:url(../images/arrow.gif) no-repeat left 4px; padding:3px 0 3px 16px;}


img {
border:none;
vertical-align:top;
}


input, select, textarea {
font-size: 12px;
}

ul, ol {
list-style: none;
}



/*
html ----------------------------------------------------------*/



/*
Module --------------------------------------------------------*/



.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.access_log{ height:1px; margin:-1px 0 0 0; font-size:1px; clear:both;}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/

* html .clearfix { height: 1% }
.clearfix {display:block;}

/* end MacIE5 */


.iepngfix{behavior: expression(IEPNGFIX.fix(this));}



/*
Module --------------------------------------------------------*/



/* html body base
===============================================================*/


/*
body base -----------------------------------------------------*/


#container{ width:740px; margin:0 auto; text-align:left; padding:0; }

#container:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


/* TOP Page
===============================================================*/



/* TOP Page
-------------------------------------------------------------- */


#collins_head{ background:url(images/collins_head_back.jpg) no-repeat top left; width:740px; height:350px; position:relative; z-index:1; margin:0 0 0 0;}

.collins_head_select{ position:relative; z-index:2; margin:-35px 0 0 580px; height:35px; line-height:1px; clear:both;}
.collins_head_select select{ width:140px;}

.collins_head__bottom{ margin:0 0 21px 0; text-align:right; clear:both;}


h1{ width:532px; height:92px;_width:717px; _height:170px; display:block; padding:78px 0 0 185px; text-indent:-9999px; text-align:right; font-size:0; 
line-height:900px; overflow:hidden;}


h2{ background:url(images/collins_h_back.gif) no-repeat left 50%; font-size:16px; padding:4px 0 2px 11px; margin:0 0 6px 0; line-height:17px;}

.area_tit{ margin:0 0 0 185px;}


.area_box_l{ width:22px; float:left; display:inline; margin:0 2px 0 185px;}
.area_box_c{ float:left; display:inline; padding:21px 0 21px 0;}
.area_box_r{ width:13px; float:left; display:inline; margin:0 0 0 -20px;}
.area_box_r2{ width:13px; float:left; display:inline; margin:0 0 0 -5px;}


.area_box_c ul{ margin:0;}

.area_box_c li{ margin:0 25px 0 0; padding:0 0 9px 0;_padding:0 0 5px 0; float:left; display:inline; height:14px;line-height:1px;}


.area_box_c ul.area_01{ width:465px;}

.area_box_c ul.area_02{ width:257px;}

.area_box_c ul.area_03{ width:490px;}

.area_box_c ul.area_03 li{ margin:0 7px 0 0;}

.area_box_c ul.area_04{ width:400px;}

.area_box_c ul.area_05{ width:390px;}

.area_box_c ul.area_06{ width:405px;}

.area_box_c ul.area_07{ width:325px;}

.area_box_c ul.area_08{ width:275px;}





.area_content{ border:1px solid #79c3ef; background:#0092e2; padding:16px 18px 8px 20px; margin:0 0 2px 0;}



.gototop{ margin:0 0 24px 0; text-align:right; }



.area_content ul{ margin:0; }

.area_content li{ margin:0 0 10px 0; clear:both; line-height:20px; }

.area_content li:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


.word_shop_l{ float:left; display:inline; font-size:17px; font-weight:bold; margin-right: 20px}

.word_map_r{ float:left; display:inline; width:57px;}

.word2_l{ float:left; display:inline; width:37px;}

.word2_r{ float:left; display:inline; width:660px; display:block;}

.word2_r2{ float:left; display:inline; width:80px; display:block;}



.word3_l{ float:left; display:inline; width:40px;}

.word4_l{ float:left; display:inline; width:60px;}

.word4_r{ float:left; display:inline; width:115px; display:block;}

.word4_r2{ float:left; display:inline; width:315px; display:block;}

.word4_r3{ float:left; display:inline; width:515px; display:block;}