/*
########################################################
  Naming rules
########################################################

全体コンテナ         #container (body要素の直下)
ヘッダー             #header (ヘッダー)
フッター             #footer (フッター)
コンテンツ           #contents (コンテンツ) 
汎用コンテナ         #unitBlock
入れ子コンテナ       #unitBlockIn
入れ子コンテナ2      #unitBlockBox 
第1汎用コンテナ      #alphaBlock 
第2汎用コンテナ      #betaBlock 
第3汎用コンテナ      #gammaBlock 
第4汎用コンテナ      #deltaBlock 
第5汎用コンテナ      #zetaBlock 
ポップアップコンテナ #popupBlock 
パンくずナビ         #topicPath
ヘッダーナビ         #headerNavi
グローバルナビ       #globalNavi
ローカルナビ         #localNavi
フッターナビ         #footerNavi
見出し1              #title
見出し2              .headline 
見出し3              .crosshead 
見出し4              .subheading 
見出し5              .index 
見出し6              .subindex 
要約                 .description
コピーライト         .copy
キャプション         .caption
挿入句               .note
ページ内リンク       .pageAnchor
ページ上部へリンク   .toTop 
外部へのリンク       .external

########################################################
*/


/*
########################################################
  css Reset
########################################################
*/

/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	font-weight:normal;
	font-style:normal;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul,
ul, li {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}



* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

*:focus {
outline: none;
}

/*
########################################################
  font Reset
########################################################
*/


html {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	line-height: 1.4;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}

@media screen and (min-width: 1921px) {
	html {
		font-size: 100%;
	}
}

body {
	font-size: 15px;
	font-size: 1.47em;
	line-height: 1.4;
}

html {
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*
########################################################
  共通スタイル
########################################################
*/

html{
	background-color: transparent;
	overflow: scroll;
}

body{
	-webkit-text-size-adjust: none;
	background-color: #ffffff;
	text-align: left;
	color: #333;
}

/* clearfix
==================================*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;

   overflow:hidden;
   font-size:0.1em;
   line-height:0;
}

.clearfix {
	display: inline-block;
}

/* exlude MacIE5 */
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* mouse over 
==================================*/
a:hover img.opacity{
	opacity:0.6; /* opera firefox safari */
	filter: alpha(opacity=60); /* ie */
}	

/*
########################################################
  margin - padding
########################################################
*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}
.pr120 {padding-right:120px !important;}
.pr140 {padding-right:140px !important;}
.pr145 {padding-right:145px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !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;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !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;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.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;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !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;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

/*
########################################################
  .align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}
.alignT {
	vertical-align:top;
}
/*
########################################################
  .float
########################################################
*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}

/*
########################################################
  .cursor
########################################################
*/

.cursorN{
	cursor:default;
}

.cursorP{
	cursor: pointer;
}


/*
########################################################
  .link
########################################################
*/


/*
########################################################
  .txt
########################################################
*/

.fontS{
	font-size:75%;
	font-weight:normal;
}

.fontM{
	font-size:116%;
}

.fontL{
	font-size:138.5%;
}

.pageTop{
	clear: both;
	margin:0 0 0 0;
	text-align:right;
}

/*
########################################################
  form style
########################################################
*/

.hissu {
	color: #900;
}

.inputsizeS {
	width: 60px;
	padding: 1px;
}

.inputsizeM {
	width: 45%;
	padding: 1px;
}

.inputsizeL {
	width: 95%;
	padding: 1px;
}

.textarea {
	width: 95%!important;
	height: 80px!important;
	padding: 1px;
}

textarea{
    vertical-align:top;
}

/*
########################################################
  blog css リセット
########################################################
*/

.blogReset h1{
	font-size: 138.5%;
	font-weight: bold;
}

.blogReset h2{
	font-size: 131%;
	font-weight: bold;
}

.blogReset h3{
	font-size: 123.1%;
	font-weight: bold;
}

.blogReset h4{
	font-weight: bold;
}

.blogReset p{
	margin-bottom: 1em;
}

.blogReset strong,
.blogReset em {
	font-weight: bold;
}