@charset "utf-8";

@import url('./class.css');
@import url('./responsive.css');

/* ----------------------------------------------------------
Css Reset
---------------------------------------------------------- */
html, body
{font-size:100%;margin:0 auto;padding:0;border:none; text-align:center;word-break:break-all;}

div, span, applet, object, p, a, abbr, address, cite, code, del, blockquote,
font, img, q, s, samp, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label
{font-size:100%;margin:0;padding:0;border:none;outline:0;background:transparent;}

section, nav, article, aside, hgroup, header, footer, figure, figcaption 
{display: block;}

div,h2,h3,h4,h5,h6,p,li,dt,dd	{word-break:break-all; padding:0; margin:0}
fieldset						{border:0}
/*ul, li							{list-style:none}*/
caption							{text-align:left}
h1,h2,h3,h4,h5,h6				{font-size:100%;font-weight:normal;font-style:normal;}
caption,cite,code,dfn,var		{font-style:normal;font-weight:normal}
abbr,acronym					{border:0;font-variant:normal}
:focus							{outline: 0}

/* ----------------------------------------------------------
Common Setting
---------------------------------------------------------- */
/*clearfix*/
* html .clearfix 	{zoom:1}
*+html .clearfix 	{zoom:1}
.clearfix:after	 	{height:0;visibility:hidden;content: ".";display:block;clear: both}

/*br*/
br.both			{clear:both}
br.left			{clear:left}
br.right		{clear:right}

/*img*/
a:hover.filter img	{filter: alpha( opacity=60 );-ms-filter: "alpha( opacity=60 )";opacity:0.6;filter: alpha(opacity=60);border:none; background:transparent}

/*span*/
span.large		{font-size:120%}
span.red		{color:#f00}

/*link*/
a:link			{color:#0060b3;text-decoration:underline}
a:visited		{color:#0060b3;text-decoration:underline}
a:active		{color:#0060b3;text-decoration:underline}
a:hover			{color:#aaa;text-decoration:none}

code {
  padding: 2px!important;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 80%!important;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  color: #dd0000;
  white-space: nowrap;
  background: #f7f7f9!important;
  border: 1px solid #e1e1e8!important;
}

/* ----------------------------------------------------------
Base Layout
---------------------------------------------------------- */
/*body*/
body	{
width:100%;
height:auto;
font-size:100%;
font-family:Meiryo,tahoma,arial,"lucida grande", 'trebuchet ms','MS PGothic','Hiragino Kaku Gothic Pro',sans-serif;
}

*html body 				{font-size:90%;}/*ie6*/
*:first-child+html body {font-size:90%;}/*ie7*/

/*base layout*/
body , html		{height: 100%}
#wrap			{text-align:center;padding:0;margin:0 auto; min-height:100%; height:auto;background:#f2efe2!important}
header			{width:100%; padding:0; margin:0 auto ;text-align:center;background:#fff;}
#container 		{max-width:780px; width:auto;text-align:center;position: relative; padding:0 3%;min-height:100%;height:auto !important;height: 100%; margin:0 auto}
#main 			{padding:25px 0; text-align:center; margin:0 auto}
#article-wrap	{float:none;margin:0 5px 0 0; padding:0 0 20px}   
footer 			{width:100%;background:#f9f9f9; border-top:1px solid #ccc; text-align:center}

/* ----------------------------------------------------------
Header
---------------------------------------------------------- */
/*base-setting*/
header .topbar				{padding:0; margin:0 auto; background:#212121;}
header .topbar-inner		{width:1100px; margin:0 auto; padding:7px 0}
header .topbar a			{text-decoration:none; color:#000!important}
header .topbar h1			{float:left;font-size:180%; font-weight:bold!important; margin:0; padding:2px 0}
header .topbar p.caption	{display:block; font-size:85%; margin-top:20px; padding:0}
header .topbar div.media	{float:right}

/*header-nav*/
.header-inner			{width:100%; background:#fdfdfd;border-bottom:1px solid #aaa;}
.header-body			{width:1100px; margin:0 auto; text-align:left; padding:0 5px}
ul.header-nav-list		{text-align:center; margin:0 auto; color:#222}
ul.header-nav-list li				{text-align:center; display:inline-block;/display:inline;/zoom:1; vertical-align:top; margin:0 0 0 -5px;padding:7px 5px}
ul.header-nav-list li a:link		{text-decoration:none!important}
ul.header-nav-list li div.menu		{padding:5px 10px 3px; background:#fff;}
ul.header-nav-list li a	div.menu	{
color:#222;
background:#e2e2e2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
ul.header-nav-list li a:hover div.menu	{
color:#fff;
/*background:#555;*/
background:#2e5fa1!important;
text-decoration:none!important;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

/*header .fixed		{position: fixed;top: 0px;z-index: 10001;}*/

/* ----------------------------------------------------------
Article
---------------------------------------------------------- */
/*article*/
article				{text-align:center;margin:0 auto!important}
section.box			{width:100%; text-align:left}

/*.breadcrumb*/
.breadcrumb					{}
.breadcrumb	ul				{ list-style:none}
.breadcrumb ul.nav-left		{ float:left; text-align:left}
.breadcrumb ul.nav-right	{ float:right; text-align:right}

/* ----------------------------------------------------------
Entry
---------------------------------------------------------- */
/*entry*/
.box.entry				{margin-bottom:5px}
.entry .entry-inner		{
border:1px solid #c0c0c0;
background:#fff;
padding:5px;
box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}
.entry .title-box		{text-align:left; padding:5px 0 0;border-left:10px solid #ddd!important; margin:10px 10px 0}
.entry .title-box .breadcrumb				{padding:0 0 5px 10px;}
.entry .title-box .breadcrumb p.text		{font-size:90%; line-height:1.2em}
.entry .title-box h2						{font-size:145%; line-height:1.2em; color:#000;padding:0 0 5px 10px; margin-bottom:0; font-weight:bold;}
.entry .title-box h2 a						{text-decoration:none; }
.entry .title-box h2 a:hover				{text-decoration:underline!important;}

/*entry-metadata*/
#demo .entry .entry-metadata		{padding:5px 10px;border-left:10px solid #b2b2b2;text-align:left; font-size:85%; background:#f9f9f9; margin:0 10px 10px;}
#demo .entry .entry-metadata p		{text-align:left;display:inline-block;/display:inline;/zoom:1; vertical-align:middle; }

/*entry-body*/
#demo .entry .entry-body			{clear:both;padding:15px 10px 10px; text-align:left;}
#demo .entry .entry-body h3			{clear:both;font-size:125%; line-height:1.3em; font-weight:bold;padding:2px 5px 5px 10px;margin:10px auto 20px;
									border-bottom:1px solid #ddd; border-left:10px solid #ddd; }
#demo .entry .entry-body strong		{font-weight:normal}
#demo .entry .entry-body p			{float:none!important;width:100%;}
#demo .entry-body h4				{clear:both;font-size:115%; line-height:1.3em; font-weight:bold;padding:10px;margin:0 auto 10px;
									border-bottom:1px dotted #ddd;background:#fafafa; }

/* ----------------------------------------------------------
Footer
---------------------------------------------------------- */
/*footer*/
.footer-inner		{max-width:780px!important; width:auto;padding:10px 3%; margin:0 auto;}
.footer-body		{margin:0 auto; text-align:center;}
.footer-body p		{text-align:center; font-size:80%; line-height:1.3em; color:#222}
.footer-body p a	{text-decoration:none}