﻿@charset "utf-8";

/*------------------------------------------------------------------------------
NISHIRI - CSS Modules Import
Date: 2010-05-11
Copyright (C) NISHIRI. All Rights Reserved.
------------------------------------------------------------------------------*/


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

Redefine

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

body {
	line-height: 1.5;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #333;
}

a:link {
	text-decoration: none;
	color: #11c;
}

a:visited {
	text-decoration: none;
	color: #704a99;
}

a:hover,
a:visited:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
	color: #11c;
}

input[type="image"]:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */  
	filter: alpha(opacity=75); /* IE lt 8 */  
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */  
	-khtml-opacity: .75; /* Safari 1.x */  
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

/* IE6用に分けて記述 */
a:hover img {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */  
	filter: alpha(opacity=75); /* IE lt 8 */  
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */  
	-khtml-opacity: .75; /* Safari 1.x */  
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

/* -- 必要な箇所だけに指定する場合は削除 -- */

img {
	vertical-align: bottom;
}

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

IE6,7 で font-size 11px を使用する場合は日本語フォントを明示的に指定する
使用しない場合は削除

* html body,
* html body input,
* html body select {
    font-family: 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, Sans-Serif;
}

*:first-child+html body,
*:first-child+html body input,
*:first-child+html body select {
    font-family: 'メイリオ','ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, Sans-Serif;
}

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


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

Container

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

div#Container {
	margin: 0 auto;
	font-size: 100%; /* fontsize 13px */
}

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

子要素のフォントサイズ指定は以下を参照

http://aloestudios.com/tools/emchart/

例)
基準フォントサイズが13pxで、
特定の要素を12pxにしたい時は92.4%と指定

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


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

Header

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

div#Header {
	width: 1024px;
	margin: 0 auto;
}

div#Header p.Skip {
	height: 0;
	width: 0;
	overflow: hidden;
}

div#Header p#SiteID {
	padding: 25px 25px 20px 25px;
}

div#Header ul#GlobalNav li {
	display: inline;
}

/* -- NOSCRIPT -- */

p#Noscript {
	width: 980px;
	margin: 15px auto 0;
	padding: 0.5em 20px;
	border: 2px solid #ccc;
	color: #333;
}

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

Content

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

div#Content {
	width: 1024px;
	margin: 0 auto;
	padding: 50px 0;
}

/* -- TOPIC PATH -- */

div#Content ol#TopicPath {
}

div#Content ol#TopicPath li {
	display: inline;
	padding: 0 8px 0 16px;
	background: url(../../img/common/img_topicpath_01.png) left center no-repeat;
}

div#Content ol#TopicPath li#TopPage {
	padding-left: 0;
	background: none;
}


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

Content - Main

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

div#Main {
}


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

Content - Sub

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

div#Sub {
}


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

Footer

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

div#Footer {
	width: 924px;
	margin: 0 auto;
	padding: 25px 50px;
	border-top: 2px solid #7f7f7f;
	text-align: center;
}


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

ClearFix (基本的にクラス指定では使用しない)

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

/* -- Modern Browsers -- */

.ClearFix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html .ClearFix {
	zoom: 1;
}

/*  -- Legacy IE -- */

* html .ClearFix {
	zoom: 1;
}