﻿@charset "utf-8";

html { zoom:50%; }

/* reset */

html { /* -webkit-text-size-adjust: none; */ }
*{ margin:0; padding:0; font-family:sans-serif; font-size:28px; }

body{ background:url("../img/bg.png") 0 0 #FFFFFF; font-size:14px; width:640px;}
img { border:none; vertical-align:bottom; }

section,article,aside { display:block; }

a { color:#0071bc; text-decoration:underline; }
a:visited{ color:#0071bc; text-decoration:underline; }
a:hover  { color:#0071bc; text-decoration:underline; }
a:active { color:#0071bc; text-decoration:underline; }

p {	line-height:1.4; }

li { list-style-position:inside; list-style:none; }

/* --- */

#wrapper {
	margin:5%;
	padding:1em 0.4em 1em 0.8em;
	background:#FFFFFF;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
}

h1 {
	color:#29ABE2;
	font-size:1.2em;
}

h2 {
	padding:1em 0 0;
	font-size:1.1em;
}
#wrapper ul li {
	padding:0.5em 0 0;
}
#wrapper ul li:nth-of-type(1) { padding-top:1em; }
article p:nth-of-type(1) {	padding-top:1em; }



/*-------------------------------------------------------------
 Align Set
--------------------------------------------------------------*/

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

/*-------------------------------------------------------------
 Margin Set
--------------------------------------------------------------*/

.mt0  { margin-top:0px !important; }
.mt5  { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt75 { margin-top:75px !important; }
.mt100{ margin-top:100px !important; }

.mr0  { margin-right:0px !important; }
.mr5  { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mr75 { margin-right:75px !important; }
.mr100{ margin-right:100px !important; }

.mb0  { margin-bottom:0px !important; }
.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb75 { margin-bottom:75px !important; }
.mb100{ margin-bottom:100px !important; }

.ml0  { margin-left:0px !important; }
.ml5  { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml75 { margin-left:75px !important; }
.ml100{ margin-left:100px !important; }


/*-------------------------------------------------------------
 Clear Fix
--------------------------------------------------------------*/

.clearfix:after { content:""; display:block; clear:both; height:0; }
* html .clearfix { display:inline-block; min-height:1%; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*********************************************************************/

/*追記*/
/*現行サイトのスタイルと合わせるための調整*/
.tmpFix03{padding: 0 !important;min-width: 640px !important;border-top: none !important;}
.tmpFix03 #strHeader{width: 640px !important;}
.tmpFix03 #strWrapper{width: 640px !important;}
.tmpFix03 #strFooter{min-width: 640px !important;}