﻿@charset "utf-8";

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

  * Filename:      ie7.css
  * Description:   generic CSS standard
  * Version:       2009-12-15 (YYYY-MM-DD)
  * Website:       http://malugen.net/
  * Auther:        琉球広告企画
  * Copyright:     丸玄建設

  == Font-Size: =================================

  77%  = 10px  |  124% = 16px  |  170% = 22px
  85%  = 11px  |  131% = 17px  |  177% = 23px
  93%  = 12px  |  139% = 18px  |  185% = 24px
  100% = 13px  |  147% = 19px  |  193% = 25px
  108% = 14px  |  154% = 20px  |  200% = 26px
  116% = 15px  |  162% = 21px  |

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


/*
		Reset
-------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	background: transparent;
	vertical-align: baseline;
	}

html {
	height: 100%;
	overflow-y: scroll;
	}

body {
	line-height: 1.22;
	font-size: 12px;
	font-family: "MS PGothic","Osaka",Arial,sans-serif;
	}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック" monospace;
	}

a:link    {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:underline;}
a:active  {text-decoration:none;}
a:focus   {outline: 0;}

p {
	line-height: 2em;
	}

strong, em {
	font-weight: bold;
	}

blockquote p {
	padding: 0.5em;
	}

blockquote p.cite{
	text-align: right;
	background-color: #f0f0e8;
	}

blockquote, q {
	quotes: none;
	}

q:before, q:after {
	content:'';
	}

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

img {
	vertical-align: bottom;
	}

br {
	letter-spacing: 0;
	}

pre {
	font-family: "Osaka-Mono", "Osaka－等幅", "MS Gothic", "ＭＳ ゴシック", arial, 'Lucida Grande', monospace;
	line-height: 1.4;
	letter-spacing: 0;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	}

hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
	}

/* テーブル系 */

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th {
	text-align: left;
	}

/* リスト系 */

ol, ul {
	list-style: none;
	list-style-position: inside;
	}

ol {
	list-style-type: decimal;
	}

ol li {
	zoom: normal;
	}

/* ボタン系 */

input[type="text"], input[type="password"], textarea, select {
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	font-size: 93%;
	color: #333;
	background-color: #fff;
	}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #6ddeff;
	font-size: 93%;
	color: #333;
	background-color: #fff;
	}

button, input[type="button"], input[type="submit"], input[type="reset"] {
	padding: 3px 0.7em 1px;
	margin: 0;
	}

form label, button, input[type="button"], input[type="submit"], input[type="reset"], select {
	cursor: hand;
	cursor: pointer;
	}

optgroup {}

/*
        CSS Tricks
-------------------------------*/

/* 簡易ロールオーバー */
a:hover.rollover img {filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

/* new clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */