@charset "UTF-8";

/*CSSDocument*/

/* main_layout.css
--------------------------------------------------------------

:: CSS Index

 1 : html body base
        
 2 : body base
        
 3 : header
     ・menu

 4 : footer
       
 5 : TOP Page
 
 6 : Contents Page
       


-------------------------------------------------------------- */



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

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

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

body{
color:#000;
margin:0;
padding:0;
background:url(../images/contents_back.gif) repeat top left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:center;
line-height:138%;
font-size:88%;
}

a:link{ color:#aa7733;text-decoration:underline;}
a:visited{ color:#aa7733;text-decoration:underline;}
a:hover{ color:#aa7733;text-decoration:none;}
a:active{ color:#1aa1e5;text-decoration:none;}


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


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

ul, ol {
list-style: none;
}



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


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

 

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}

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



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

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


#container{ width:100%; margin:0 auto; text-align:center; background:url(../images/main_back.gif) repeat-x top left;}
#container.contents{ background:url(../images/contents_head_back.gif) repeat-x top left; }


#wrapper{ width:960px; margin:0 auto; text-align:left; background:url(../images/body_back.gif) repeat-y top center;}

#contents_left{ float:left; display:inline; width:660px; margin-right:20px; }

#contents_right{ float:left; display:inline; width:220px;}



/* header
===============================================================*/




/* menu
===============================================================*/

#menu{ width:960px; padding-top:21px; height:54px; background:#000; }
#menu li{ float:left; display:inline;}





/* footer
===============================================================*/

#copyright{ padding-top:10px; padding-right:26px; padding-bottom:30px; float:right; clear:both;}



/* element module
----------------------------------------------------------- */

.arrow{ background:url(../images/arrow.gif) no-repeat left 2px; padding-left:17px; display:block;}


/* margin */

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}

.mr6{ margin-right:6px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px;}
.mr17{ margin-right:17px;}
.mr18{ margin-right:18px;}
.mr20{ margin-right:20px;}

.ml20{ margin-left:20px;}
.ml40{ margin-left:40px;}

.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}


.img_left{ float:left; display:inline;}
.img_right{ float:right; display:inline;}