@charset "UTF-8";

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,select,option,p,blockquote,table,th,td {
margin: 0;
padding: 0;
vertical-align: baseline;
}
address,em { font-style: normal; }
strong,th { font-weight: normal; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th { text-align: left; 
			 font-weight:normal;}
h1,h2,h3,h4,h5,h6 { font-size: 110%; }
img,fieldset { border: 0; }
li { list-style-type: none; }
dl dd {
	list-style-type: none; }

img,input {vertical-align:middle;}

/* Fonts
------------------------------------------------------------*/
body {
font-size: 80%; /* IE */
font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
html>/**/body { font-size: 15px; -webkit-text-size-adjust: none; } /* Except IE */

/* link
------------------------------------------------------------*/

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#0000ee;
}
a:visited {
	color: #9900ff;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
	color:#4488C5;
}

/* その他
------------------------------------------------------------*/
.imgBorder{
	border: 1px solid #999; /* 画像にグレーの枠線を付ける */
}
/* 確認画面改行 */
pre {  
    /* Mozilla */  
    white-space: -moz-pre-wrap;  
  
    /* Opera 4-6 */  
    white-space: -pre-wrap;  
  
    /* Opera 7 */  
    white-space: -o-pre-wrap;  
  
    /* CSS3 */  
    white-space: pre-wrap;  
  
    /* IE 5.5+ */  
    word-wrap: break-word;  
}
.clear {
	overflow: hidden;
}
input {
	font-size: 16px;
}
/* グリッドシステム
------------------------------------------------------------*/
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
  float: left;
  display: inline;
  margin-left: 20px;
}
.grid1 {width: 60px;}
.grid2 {width: 140px;}
.grid3 {width: 220px;}
.grid4 {width: 300px;}
.grid5 {width: 380px;}
.grid6 {width: 460px;}
.grid7 {width: 540px;}
.grid8 {width: 620px;}
.grid9 {width: 700px;}
.grid10 {width: 780px;}
.grid11 {width: 860px;}
.first {margin-left: 0;clear: left;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
