/* ==========================================================================
   Base styles
   ========================================================================== */
* { margin:0; padding:0; }

html { overflow-y:scroll; font-size: 13px; line-height: 1.6em;}

body { 
	width:100%; height:100%; color:#333333; 
	font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif; 
}

h1,h2,h3,h4,h5,h6,p { font-size: 13px; margin:0; padding:0; font-size: inherit; font-weight:normal; line-height: inherit; }
h2,h3 { font-weight:bold; }

ul { list-style:none; margin:0; padding:0; }

table { margin:0; padding:0; border:none; border-collapse: collapse; }
th { font-weight:normal; text-align:left; }

img { border:none; border-style:none; }

a {	text-decoration:none; color:#333333; }
a:hover { color:#666666; }


/* ==========================================================================
   :::::: common
   ========================================================================== */
a:hover img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }

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

.fLeft { float:left; }
.fRight { float:right; }

.hidden { display:none; }

.aCenter { text-align:center; }

#alert_ie a { text-decoration:underline; }

.mt10 { margin-top:1%; }
.mb10 { margin-bottom:1%; }
.mt20 { margin-top:2%; }
.mb20 { margin-bottom:2%; }
.mt40 { margin-top:4%; }
.mb40 { margin-bottom:4%; }
.mt60 { margin-top:6%; }
.mb60 { margin-bottom:6%; }
.mt80 { margin-top:8%; }
.mb80 { margin-bottom:8%; }

.pt40 { padding-top:4%; }
.pb40 { padding-bottom:4%; }
.pt60 { padding-top:6%; }
.pb60 { padding-bottom:6%; }
.pt80 { padding-top:8%; }
.pb80 { padding-bottom:8%; }

hr { border:none; height:1px; background-color:#cccccc; color:#cccccc; }

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

/* ==========================================================================
   :::::: wrap
   ========================================================================== */


/* ==========================================================================
   :::::: footer
   ========================================================================== */
#footer { width:100%; text-align:center; }



/* ==========================================================================
   :::::: Media Queries
   ========================================================================== */



@media only screen and (max-width:999px) { 
	.box { padding:0 20px; }
	#main { width:100%; padding:0; } 
	#likebox { width:100%; }
}

@media only screen and (max-width: 517px) { 
	.minHide { display:none; }
}

	
/* ==========================================================================
   ::::::  Print styles
   ========================================================================== */
@media print { 
	* {     color:#000 !important;     box-shadow:none !important;     text-shadow:none !important; 	background:transparent !important; }
	
	html {  }
	
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }

}