@charset "UTF-8";
/* CSS Document */


/* style.css
* * * * * * * * * * * * * * * * * * * * */

/***** reset *****/

/* @group @viewport
--------------------------------------------------------*/

@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}

/* @end @viewport */

/* @group nomalize.css */

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/* Corrects `block` display not defined in IE 8/9. */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}

/* Corrects `inline-block` display not defined in IE 8/9. */
audio,canvas,video {display: inline-block}

/* Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices. */
audio:not([controls]) {display: none;height: 0}

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] {display: none}

/* ==========================================================================
   Base
========================================================================== */

/* 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */

html {
    font-family: sans-serif; /* 1 */
/* 日本語のfont-familyへの対応 */
    font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/* Removes default margin. */

body {margin: 0}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-top: 0} /*上方向のmarginを0にします */


/* ==========================================================================
   Links
========================================================================== */

/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted}

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {outline: 0}

/* ==========================================================================
   Typography
========================================================================== */

/* customized */
html { font-size: 16px; }

/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 {font-size: 1.2em;}

/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {border-bottom: 1px dotted}

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.*/
b,strong {font-weight: bold}

/*Addresses styling not present in Safari 5 and Chrome.*/
dfn { font-style: italic}

/*Addresses styling not present in IE 8/9.*/
mark { background: #ff0;
color: #000}


/* Corrects font family set oddly in Safari 5 and Chrome.*/
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em}

/*Improves readability of pre-formatted text in all browsers.*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word}

/*Sets consistent quote types.*/
q {quotes: "\201C" "\201D" "\2018" "\2019";}

/*Addresses inconsistent and variable font size in all browsers.*/
small {font-size: 80%;}

/*Prevents `sub` and `sup` affecting `line-height` in all browsers.*/
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline}

sup {top: -0.5em}
sub {bottom: -0.25em}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*Removes border when inside `a` element in IE 8/9.*/
img {
    max-width :100%; /* フルードイメージへの対応 */
    vertical-align: middle; /* 追加箇所 */
    border: 0}

/* IE8 max-widthバグへの必要
※すべての条件で発生するわけではありません。バグが発生するときに使用してください
 <html>要素のclassを変更して対応してください。
http://wordpress.mfields.org/2011/scaling-images-in-ie8-with-css-max-width/ の記事のコメント欄のAndrew TG氏のコメントを参考に */
/* .ie8 img{width: auto; height: auto} */


/* Corrects overflow displayed oddly in IE 9.*/
svg:not(:root) {overflow: hidden}

/* ==========================================================================
   Figures
   ========================================================================== */

/*Addresses margin not present in IE 8/9 and Safari 5.*/

figure {margin: 0}

/* ==========================================================================
   Forms
========================================================================== */

/*Define consistent border, margin, and padding.*/

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em}

/* 1. Corrects color not being inherited in IE 8/9.
 2. Remove padding so people aren't caught out if they zero out fieldsets. */

legend {
border: 0; /* 1 */
padding: 0; /* 2 */}

/* 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */

button, input, select, textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */}

/*Addresses Firefox 4+ setting `line-height` on `input` using `!important` in  the UA stylesheet.*/

button,input {line-height: normal}

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`  and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type `input` and others. */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */}

/*Re-set default cursor for disabled elements. */
button[disabled],
input[disabled] {cursor: default}

/*
1. Addresses box sizing set to `content-box` in IE 8/9.
 2. Removes excess padding in IE 8/9.*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none}

/* Removes inner padding and border in Firefox 4+. */

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0}

/* 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers. */

textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */}

/* ==========================================================================
   Tables
========================================================================== */

/*Remove most spacing between table cells.*/
table {
border-collapse: collapse;
border-spacing: 0}

/* [参考記事など]
* 'Yu Gothic'はWindows Phone 7.5で指定すれば反映されるので必要に応じて使用。Meiryoの前に指定すると反映される
* font-familyの検証ページ http://culture27.com/blog/2011/12/font-family ※今回はこちらをベースに使用。
* 古いIE（IE8以下）でfont-familyのバグを解消するには、日本語フォント名を指定する必要があるときがあります。
* http://blog.d-spica.com/entry/080518iefontsize.html
* http://julips.com/?p=933
[参考情報]
* Safariで欧文フォントを指定していると約物（※印）が半角になるときがあります。
* Operaはfont-family周りのバグがあります。
*/
 
/* @end normarize.css */
 
/* @group clearfix */

.cf:before,.cf:after{content: "";display: table}
.cf:after{clear: both}

/* @end */

/* @group link setting */

a,a:link,a:visited{
color: #1777af;
text-decoration: none}

a:hover{
color: #1b80cb; 
text-decoration: underline}

a:active, a:focus{color: #000}

a:link,a:visited{color: #333}
a:hover{color: #1b80cb}

/* @end */

/* @group @default
--------------------------------------------------------*/