@charset "utf-8";

/***************************************
全般
***************************************/
*						{margin:0; padding:0;}
h1						{font-size:100%;}
h2						{margin:10px 0px 5px 0px; padding:10px; font-size:100%; border-radius:0.5em; clear:both;}
h3						{margin:10px 0px 5px 0px; padding:10px; font-size:90%; border-radius:0.5em; clear:both;}
h4						{margin:5px 0px 5px 0px; padding:10px; font-size:90%; border-radius:0.5em; clear:both;}

p						{margin:1em 0px 1em 0px;}
img						{border:0;}
footer					{width:90%; margin:20px auto; text-align:center; font-size:80%; clear:both;}

/***************************************
基本レイアウト
***************************************/
#bigbox					{}
#header					{width:100%; height:60px;}
#header h1				{width:1000px; text-align:left; margin:0 auto;}
#header img				{width:300px; height:60px;}
#contentbody			{}
#maincontent			{clear:both; width:920px; margin:0 auto; padding:25px 40px 50px 40px;}
#footer					{clear:both; text-align:center; padding:10px; font-size:80%; vertical-align:middle;}

/***************************************
トップページのアイキャッチ
***************************************/
#eyecatch				{width:100%; height:500px; text-align:center; background-color:#999999;}
#eyecatch h1			{width:1000px; height:500px; margin:0 auto;}
#eyecatch img			{width:1000px; height:500px; margin:0 auto;}

/***************************************
グローバルメニュー
***************************************/
#gmenu					{padding:6px;}
#gmenu div				{width:1000px; margin:0 auto;}
#gmenu a				{font-weight:bold; text-decoration:none; font-size:16px; padding:20px;}
#gmenu a:link			{}
#gmenu a:visited		{}
#gmenu a:hover			{}
#gmenu a:active			{}

/***************************************
ヘッダーメニュー
***************************************/
.logo					{text-align:center}
.logo-img				{width:300px; padding:8px 0px 8px 0px; text-align:center;}

/***************************************
ハンバーガーメニュー
***************************************/
.drawer-list			{list-style-type:none;}
.drawer-hidden			{display:none;}		/* チェックボックスを非表示に */

/*PCのみのスタイル*/
.drawer-list			{width:800px; height:150px; margin:0px auto;}
.drawer-item a			{float:left; display:block; margin:0px 4px; padding:10px; font-size:16px; font-weight:bold;}

/***************************************
フッターメニュー
***************************************/
.footmenu-list			{width:700px; height:100px; margin:0px auto; list-style-type:none;}
.footmenu-item a		{float:left; display:block; margin:0px 4px; padding:10px; font-size:16px; font-weight:bold;}

/***************************************
メインメニュー
***************************************/
#mainmenu				{height:50px; margin-bottom:0px; vertical-align:bottom;}
#menulist				{width:1000px; margin:0 auto;}
#menulist a				{width:200px; height:35px; padding:15px 0px 0px 0px; float:left; display:block; text-align:center; text-decoration:none; font-size:90%; border-left:1px solid #999999;}
#menulist a:last-child {border-right:1px solid #999999;}

/***************************************
パンくずメニュー
***************************************/
.pankuzumenu			{font-size:70%; padding:10px 0px 10px 0px;}
.pankuzumenu strong		{font-weight:normal;}

/***************************************
記事一覧へリンク
***************************************/
.article_link			{font-size:70%; padding:10px 0px 10px 0px; text-align:right;}

/***************************************
箇条書きメニュー
***************************************/
ul.ulmenu				{list-style:none; margin:0 0 0 2em; padding:1em 1em 1em 0; line-height:1.8;}			

/***************************************
入力フォーム
***************************************/
#input_form				{width:600px; margin:0 auto; padding:20px; background-color:#ffffff; outline-style:none;}
#input_form input, #input_form select, #input_form textarea {padding:2px; font-size:16px; border:1px solid #999999; border-radius:0.5em; box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1) inset;}
#input_form input:focus, #input_form select:focus, #input_form textarea:focus {box-shadow:0px 0px 5px 2px #999999; outline-style:none;}
.form_btn				{width:300px; height:40px; margin:10px auto; display:block; text-align:center; cursor:pointer; background-color:#999999; color:#ffffff;}
#input_table th			{padding:10px; font-weight:normal; text-align:right; vertical-align:top; white-space:nowrap;}
#input_table td			{padding:10px;}

/***************************************
データテーブル
***************************************/
table.dataTable			{border-collapse:collapse; width:310px; margin:10px auto; text-align:center; table-layout:auto;}
table.dataTable th		{border:solid #000000 1px; padding:4px; background-color:#888888; color:#ffffff; font-size:90%; white-space:nowrap;}
table.dataTable td		{border:solid #000000 1px; padding:4px; background-color:#ffffff; font-size:95%;}

table.wordTable			{border-collapse:collapse; width:310px; margin:10px auto; text-align:center;}
table.wordTable th		{border:solid #000000 1px; padding:4px; background-color:#888888; color:#ffffff; font-size:90%; white-space:nowrap;}
table.wordTable td		{border:solid #000000 1px; padding:4px; background-color:#ffffff; font-size:95%;}

/***************************************
結果表示
***************************************/
.result_text			{padding:10px; margin:0px 0px 20px 0px; line-height:1.8; background-color:#ffffff;}
.result_text img		{max-width:600px; margin:0 auto;}

/***************************************
次のページ・前のページ
***************************************/
.nextNav				{margin:20px auto;}
.prevPage				{width:33%; float:left; text-align:center;}
.currentPage			{width:33%; float:left; text-align:center;}
.nextpage				{width:33%; float:left; text-align:center;}

/**************************************
よく使うclass（フォント色・サイズ）
***************************************/
.lrg					{font-size:120%;}
.smll					{font-size:95%;}
.sml					{font-size:90%;}
.smls					{font-size:80%;}
.smlss					{font-size:70%; font-weight:normal;}
.smlsss					{font-size:60%; font-weight:normal;}

.nrml					{font-weight:normal;}
.bld					{font-weight:bold;}

a:link					{color:#0000ff;}
a:visited				{color:#800080;}
a:hover					{color:#ff0000;}
a:active				{color:#ff0000;}

a.kuro:link				{color:#000000; text-decoration:none;}
a.kuro:visited			{color:#000000;}
a.kuro:hover			{color:#000000; text-decoration:underline;}
a.kuro:active			{color:#000000;}

a.siro:link				{color:#ffffff;}
a.siro:visited			{color:#ffffff;}
a.siro:hover			{color:#ffff00;}
a.siro:active			{color:#ffff00;}

a.mglist				{display:block;}
a.mglist:hover			{background-color:#ffdddd;}

.noline					{text-decoration:none;}
.red					{color:#ff0000;}
.pink					{color:#ff6666;}
.gray					{color:#666666;}
.lightgray				{color:#999999;}

/**************************************
よく使うclass（ボックススタイル）
***************************************/
.cntr					{text-align:center;}
.afbnr					{margin-top:20px;}

.jisage					{text-indent:1em;}
.pagetop				{font-size:90%; padding:20px; text-align:right;}
.gotoppage				{font-size:90%; padding:20px; text-align:center; position:static;}
.godetailpage			{font-size:90%; padding:20px; text-align:center;}
.kadomaru_pink			{background-color:#ffeeee; border:solid 1px #993333; border-radius:8px; padding:20px;}
.kadomaru_gray			{background-color:#eeeeee; border:solid 1px #666666; border-radius:8px; padding:20px;}


.info					{width:90%; margin:0px auto; padding:10px; text-align:left; line-height:1.5; font-size:85%; background-color:#666666; color:#ffffff; border-radius:0.5em;}
.memo					{width:90%; margin:0px auto; padding:10px; text-align:left; line-height:1.5; font-size:85%; background-color:#ffffff; color:#333333;}
.mame					{margin:20px auto; padding:10px; text-align:left; line-height:1.5; background-color:#eeeeee; border:1px solid #cccccc; border-radius:0.5em;}

.btmlink				{margin:20px auto; line-height:1.5; list-style-type:none; text-align:center;}
.btmlink li				{margin-bottom:5px;}

.bora					{width:85%; margin:10px auto; padding:20px; font-size:90%; border:1px solid #999999; border-radius:0.5em;}

.nols					{margin:0px 0px 0px 0px; padding:5px; line-height:1.5; list-style-type:none;}
.nols li				{margin-bottom:5px;}

.fltimg					{width:360px; margin:0px 10px 20px 20px; display:block; float:left;}
.fltdiv					{float:left; width:320px; margin:0px 0px 0px 0px;}
.fltdiv img				{width:200px; margin:0 auto; display:block;}

.illust					{float:left; margin:1em 1em 1em 0;}
.clr					{clear:both;}

ul.wordList, ol.wordList			{list-style-type:none; margin:0px 0px 10px 20px; font-size:95%;}
ul.wordList li a, ol.wordList li a	{text-decoration:none;}

img.icon16				{width:16px; height:16px; margin-left:2px; vertical-align:middle;}

/**************************************
広告のスタイル
***************************************/
.ads					{margin:20px auto; text-align:center; clear:both;}
.afbnr b				{text-align:center; display:block;}
.afbnr div				{float:left; zoom:97%;}
.af_bottom				{width:440px; margin:20px auto; text-align:center; }
.af_bottom a			{display:block;}
.aftextlink				{margin:10px; padding:10px; background-color:#FFDEBD; border-radius:0.5em; border:2px dashed #FF9933;}