/*===============================================左2カラムテンプレ1 携帯css  画面の横幅が768pxまで===============================================*/@media screen and (max-width: 768px){img{max-width: 100%;height: auto;width /***/:auto;　}@charset "Shift_JIS";BR {clear:both;}strong{  font-size : /* bodyフォントサイズ */14px;  font-weight : normal;}B{  font-size : /* Bフォントサイズ */14px;  font-weight : normal;  color:#000080;}a:link {color: /* a:linkリンク色 */#0000ff;text-decoration: /* a:linkリンク下線 */none;}a:visited {color: /* a:visitedリンク色 */#990099;text-decoration: /* a:visitedリンク下線 */underline;}a:hover {color: /* a:hoverリンク色 */#ff3535;text-decoration: /* a:hoverリンク下線 */underline;}/* パンクズリスト */.topreturn { margin-bottom: 1em; font-size: /* bodyフォントサイズ */14px;}/* ---------------------------------------- レイアウトに関する指定 */body {background:/* body背景 */#ffffff;font-size: /* bodyフォントサイズ */14px;text-align: left;padding: 0;margin: 0;color:/* bodyフォントカラー */#000000;}#wrapper {border: 1px solid #9fdfdc;background:/* wrapper枠内背景 */#ffffff;text-align: left;margin: 1em auto 0;width: 640px;}#header {width: /* headerTOP画像幅 */100%;height: /* headerTOP画像高さ */250px;margin-bottom: 0em;position: relative;background-image: url(gif/top.jpg) ;background-size: /* headerTOP画像幅 */100% /* headerTOP画像高さ */250px;  }/* 2階層用ヘッダー */#header2 {width: /* headerTOP画像幅 */100%;height: /* headerTOP画像高さ */250px;margin-bottom: 0em;position: relative;background-image: url(../gif/top.jpg) ;background-size: /* headerTOP画像幅 */100% /* headerTOP画像高さ */250px;  }#contents {border-left: 1px solid #9fdfdc;background:/* contents枠内背景 */#ffffff;float: right;width: 600px;padding: 4em 20px 4em 20px;}#contents p{text-align: /* contentsフォント位置 */left;}#sidebar {border-right: 1px solid /* sidebar枠線 */#ffffff;background:/* sidebar枠内背景 */#ffffff;float: left;width: 600px;padding: 4em 10px 2em;}#footer {border-top: 1px solid #9fdfdc;background:/* footer枠内背景 */#ffffff;clear: both;padding: 0.5em 0 5px;text-align: center;}#footer p{color: /* フッタフォントカラー */#000000;font-size: /* フッタフォントサイズ */14px;text-align: /* フッタフォント位置 */center;}/* --------------------------------------------ホームページ見出し *//* -- 見出しh1 -- */h1 {color: #ffffff;font-size: /* h1フォントサイズ */14px;font-weight: /* h1フォント太さ */normal;position: absolute;top: /* h1位置縦 */160px;left: /* h1位置横 */10px;}/* -- 見出し -- */h2,h3,h4,h5,h6 {color: #000080;font-size: /* h2フォントサイズ */15px;font-weight: /* h2フォント太さ */normal;padding: 0;margin: 0;}/* -- ホームページ名 -- */.logo {font-size: /* logoサイズ */20px;top: /* logo位置縦sssss1 */60px;left: /* logo位置横sssss2 */10px;position: absolute;}.logo a {font-weight: /* logo aフォント太さ */bold;color: #ffffff;text-decoration: /* logo a下線 */none;}.logo a:hover {color: #ffffff;text-decoration: /* logo a:hover下線 */underline;}/*--------------------------------------------ボタン風メニュー*/#menubotan ul{margin: 0; padding: 0; list-style-type: none;}#menubotan li{ display: inline; padding: 0; margin: 0px;color: /* ボタン風メニューフォントカラー */#000000;font-size: /* ボタン風メニューフォントサイズ */14px;text-align: /* ボタン風メニュー位置 */left;}#menubotan li a{display: block;width: /* ボタン風メニュー幅 */580px;padding: /* ボタン風メニュー高さ */10px 10px /* ボタン風メニュー高さ */10px 10px;margin: 2px 0px;text-decoration: none;border: outset 3px #9fdfdc;background-color: #aee3e1;text-align: /* ボタン風メニュー位置 */left;color: /* ボタン風メニューフォントカラー */#000000;font-size: /* ボタン風メニューフォントサイズ */14px;}#menubotan li a:hover{border: inset 3px #9fdfdc;background-color: #dbf2f1;}/*--------------------------------------------シンプルメニュー*/#menusimple ul{ margin: 0; padding: 0; list-style: none; }#menusimple li{ display: inline; padding: 0; margin: 0; color: /* シンプルメニューフォントカラー */#000000;font-size: /* シンプルメニューフォントサイズ */14px;text-align: /* シンプルメニュー位置 */left;}#menusimple li a{display: block; border: 1px solid #9fdfdc;background-color: #aee3e1;padding: /* シンプルメニュー高さ */10px 10px /* シンプルメニュー高さ */10px 10px;text-decoration: none;color: /* シンプルメニューフォントカラー */#000000;width: /* シンプルメニュー幅 */580px; margin: 1px 0px;text-align: /* シンプルメニュー位置 */left;font-size: /* シンプルメニューフォントサイズ */14px;}#menusimple li a:hover{border: 1px solid #9fdfdc;background-color: #dbf2f1;}/*--------------------------------------------インデックスメニュー*/#menuindex ul{ margin: 0; padding: 0; list-style: none; }#menuindex li{ display: inline; padding: 0; margin: 0; font-size: /* インデックスメニューフォントサイズ */14px;color: /* インデックスメニューフォントカラー */#000000;text-align: /* インデックスメニュー位置 */left;}#menuindex li a{display: block; border-left: 8px solid #9fdfdc;background-color: #aee3e1;padding: /* インデックスメニュー高さ */10px 10px /* インデックスメニュー高さ */10px 10px;text-decoration: none;color: /* インデックスメニューフォントカラー */#000000;width: /* インデックスメニュー幅 */580px; margin: 1px 0px;text-align: /* インデックスメニュー位置 */left;font-size: /* インデックスメニューフォントサイズ */14px;}#menuindex li a:hover{border-left: 8px solid #9fdfdc;background-color: #dbf2f1;}/*--------------------------------------------ボーダーメニュー*/#menuborder ul { margin: 0; padding :0; list-style-type : none; }#menuborder li { display : inline; padding :0; margin:0; color:/* ボーダーメニューフォントカラー */#000000;font-size: /* ボーダーメニューフォントサイズ */14px;text-align: /* ボーダーメニュー位置 */left;}#menuborder a {display:block; border:3px dotted #00bfff;background-color:#bfefdf;font-size: /* ボーダーメニューフォントサイズ */14px;padding: /* ボーダーメニュー高さ */10px 10px /* ボーダーメニュー高さ */10px 10px;text-decoration:none;color:/* ボーダーメニューフォントカラー */#000000;width: /* ボーダーメニュー幅 */580px; margin:4px 0px;height:1.5em;text-align: /* ボーダーメニュー位置 */left;}#menuborder a:hover {display:block; border:3px dotted #9fdfdc;background-color:#9fdfdc;font-size: /* ボーダーメニューフォントサイズ */14px;padding: /* ボーダーメニュー高さ */10px 10px /* ボーダーメニュー高さ */10px 10px;text-decoration:none;color:#575;width: /* ボーダーメニュー幅 */580px; margin:4px 0px;height:1.5em;}/*--------------------------------------------ノーマルメニュー*/#menunormal ul { margin: 0; padding :0; list-style-type : none; }#menunormal li { display : inline; padding :0; margin:0; font-size: /* ノーマルメニューフォントサイズ */14px;color: /* ノーマルメニューフォントカラー */#000000;text-align: /* ノーマルメニュー位置 */left;}#menunormal li a{display: block; padding: /* ノーマルメニュー高さ */10px 10px /* ノーマルメニュー高さ */10px 10px;width: /* ノーマルメニュー幅 */580px; color: /* ノーマルメニューフォントカラー */#000000;text-align: /* ノーマルメニュー位置 */left;font-size: /* ノーマルメニューフォントサイズ */14px;}/*--------------------------------------------イメージメニュー*/#menugif img { width: /* イメージメニュー横幅 */580px;height: 60px;}/*--------------------------------------------挨拶・コメント*//* 挨拶・コメント中央表示*/#greeting {width: 100%;}#greeting p{color: /* 挨拶・コメントフォントカラー */#999999;font-size: /* 挨拶・コメントフォントサイズ */14px;font-weight: /* 挨拶・コメントフォント太さ */normal;border: 0px /* 挨拶・コメント　枠線種 */solid #9fdfdc;background-color: #ffffff;padding: 10px;line-height: /* 挨拶・コメント　行間隔 */1.5em;width: /* 挨拶・コメント　枠幅 */580px;margin: 0;}/* 挨拶・コメントサイド表示*/#greetingside {width: 100%;}#greetingside p{color: /* 挨拶・コメントサイドフォントカラー */#999999;font-size: /* 挨拶・コメントサイドフォントサイズ */14px;font-weight: /* 挨拶・コメントサイドフォント太さ */normal;border: 0px /* 挨拶・コメントサイド　枠線種 */solid #9fdfdc;background-color: #ffffff;padding: 10px;line-height: /* 挨拶・コメントサイド　行間隔 */1.2em;width: /* 挨拶・コメントサイド　枠幅 */580px;overflow: hidden;margin: 0;}/*--------------------------------------------新着情報*//* 新着情報中央表示*/#whatsnew  {width: 100%;}#whatsnew ul {font-size: /* 新着情報フォントサイズ */14px;color: /* 新着情報フォントカラー */#999999;list-style-type: none;width: /* 新着情報　枠幅 */580px;border: 0px /* 新着情報　枠線種 */solid #9fdfdc;background-color: /* 新着情報　背景色 */#ffffff;overflow: hidden;float: left;padding: 10px;display: inline; margin: 0;}#whatsnew li {width: 100%;padding: 0px;float: left;line-height: /* 新着情報　行間隔 */2em;}#whatsnew a:link {color: /* a:link新着情報リンク色 */#0000ff;text-decoration: /* a:link新着情報リンク下線 */none;}#whatsnew a:visited {color: /* a:visited新着情報リンク色 */#990099;text-decoration: /* a:visited新着情報リンク下線 */underline;}#whatsnew a:hover {color: /* a:hover新着情報リンク色 */#ff3535;text-decoration: /* a:hover新着情報リンク下線 */underline;}#whatsnew p{text-align: /* whatsnewフォント位置 */right;}/* 新着情報サイド表示*/#whatsnewside  {width: 100%;}#whatsnewside ul {font-size: /* 新着情報サイドフォントサイズ */14px;color: /* 新着情報フォントカラー */#999999;list-style-type: none;width: /* 新着情報サイド　枠幅 */580px;border: 0px /* 新着情報サイド　枠線種 */solid #9fdfdc;background-color: /* 新着情報サイド　背景色 */#ffffff;overflow: hidden;float: left;padding: 10px;display: inline; margin: 0;}#whatsnewside li {width: /* 新着情報サイド　枠幅 */580px;padding: 0px;float: left;line-height: /* 新着情報サイド　行間隔 */1.5em;}#whatsnewside a:link {color: /* a:link新着情報サイドリンク色 */#0000ff;text-decoration: /* a:link新着情報リンク下線 */none;}#whatsnewside a:visited {color: /* a:visited新着情報サイドリンク色 */#990099;text-decoration: /* a:visited新着情報サイドリンク下線 */underline;}#whatsnewside a:hover {color: /* a:hover新着情報サイドリンク色 */#ff3535;text-decoration: /* a:hover新着情報サイドリンク下線 */underline;}/*--------------------------------------------オススメ情報横並び*/#recommendedinformationwidth ul {width: 100%;list-style-type: none;margin: 0;float: left;padding: 0em 0px 0em;display: inline; }#recommendedinformationwidth li {width: /* オススメ情報　横並び枠幅 */580px;height:/* オススメ情報　横並び枠高さ */400px;border: /* オススメ情報　横並び枠線有無 */1px /* オススメ情報　横並び枠線種 */solid #9fdfdc;background-color: /* オススメ情報　横並び背景色 */#ffffff;float: left;padding: 10px;overflow: hidden;color:/* オススメ情報　横並びフォントカラー */#999999;font-size : /* オススメ情報　横並びフォントサイズ */14px;}#recommendedinformationwidth b{  font-size : /* オススメ情報　横並びBフォントサイズ */14px;  font-weight : normal;}#recommendedinformationwidth a:link {color: /* a:linkオススメ情報　横並びリンク色 */#0000ff;text-decoration: /* a:linkオススメ情報　横並びリンク下線 */none;}#recommendedinformationwidth a:visited {color: /* a:visitedオススメ情報　横並びリンク色 */#990099;text-decoration: /* a:visitedオススメ情報　横並び下線 */underline;}#recommendedinformationwidth a:hover {color: /* a:hoverオススメ情報　横並びリンク色 */#ff3535;text-decoration: /* a:hoverオススメ情報　横並びリンク下線 */underline;}/*--------------------------------------------オススメ情報縦並び*/#recommendedinformationheight ul {margin: 0; padding: 0; list-style-type: none;}#recommendedinformationheight li {display: inline; padding: 10px; margin: 0; display: block;width: /* オススメ情報　縦並び枠幅 */580px;border: /* オススメ情報　縦並び枠線有無 */1px /* オススメ情報　縦並び枠線種 */solid #9fdfdc;background-color: /* オススメ情報　縦並び背景色 */#ffffff;overflow: hidden;color:/* オススメ情報　縦並びフォントカラー */#999999;font-size : /* オススメ情報　縦並びフォントサイズ */14px;}#recommendedinformationheight b{  font-size : /* オススメ情報　縦並びBフォントサイズ */14px;  font-weight : normal;}#recommendedinformationheight a:link {color: /* a:linkオススメ情報　縦並びリンク色 */#0000ff;text-decoration: /* a:linkオススメ情報　縦並びリンク下線 */none;}#recommendedinformationheight a:visited {color: /* a:visitedオススメ情報　縦並びリンク色 */#990099;text-decoration: /* a:visitedオススメ情報　縦並びリンク下線 */underline;}#recommendedinformationheight a:hover {color: /* a:hoverオススメ情報　縦並びリンク色 */#ff3535;text-decoration: /* a:hoverオススメ情報　縦並びリンク下線 */underline;}/*--------------------------------------------相互リンク*/#reciprocallink  {width: 100%;}#reciprocallink ul {font-size: /* 相互リンクフォントサイズ */14px;color: /* 相互リンクフォントカラー */#999999;list-style-type: none;width: /* 相互リンク　枠幅 */580px;border: /* 相互リンク　枠線有無 */1px /* 相互リンク　枠線種 */solid #9fdfdc;background-color: /* 相互リンク　背景色 */#ffffff;overflow: hidden;float: left;padding: 10px;display: inline; margin: 0;}#reciprocallink li {width: /* 相互リンク　枠幅 */580px;padding: 0px;float: left;line-height: /* 相互リンク　行間隔 */1.5em;}#reciprocallink a:link {color: /* a:link相互リンクリンク色 */#0000ff;text-decoration: /* a:link相互リンクリンク下線 */none;}#reciprocallink a:visited {color: /* a:visited相互リンクリンク色 */#990099;text-decoration: /* a:visited相互リンクリンク下線 */underline;}#reciprocallink a:hover {color: /* a:hover相互リンクリンク色 */#ff3535;text-decoration: /* a:hover相互リンクリンク下線 */underline;}/*--------------------------------------------広告*//* 広告中央表示*/#advert {width: 100%;}#advert {color: /* フォントカラー */#999999;font-size: /* フォントサイズ */14px;font-weight: /* フォント太さ */normal;border: /* 枠線有無 */0px /* 枠線種 */solid /* 枠線色 */#999999;background-color: /* 背景色 */#ffffff;padding: 10px;line-height: /* 行間隔 */1em;width: /* 枠幅 */580px;text-align: center;overflow: hidden;}/* 広告サイド表示*/#advertside {width: 100%;}#advertside {color: /* サイドフォントカラー */#999999;font-size: /* サイドフォントサイズ */14px;font-weight: /* サイドフォント太さ */normal;border: /* サイド　枠線有無 */0px /* サイド　枠線種 */solid /* サイド　枠線色 */#999999;background-color: /* サイド　背景色 */#ffffff;padding: 10px;line-height: /* サイド　行間隔 */1em;width: /* サイド　枠幅 */580px;overflow: hidden;text-align: center;overflow: hidden;}/*--------------------------------------------差込*//* 差込中央表示*/#insertion {width: 100%;}#advert {color: /* フォントカラー */#999999;font-size: /* フォントサイズ */14px;font-weight: /* フォント太さ */normal;border: /* 枠線有無 */0px /* 枠線種 */solid /* 枠線色 */#999999;background-color: /* 背景色 */#ffffff;padding: 10px;line-height: /* 行間隔 */1em;width: /* 枠幅 */580px;text-align: center;overflow: hidden;}/* 差込サイド表示*/#insertionside {width: 100%;}#advertside {color: /* サイドフォントカラー */#999999;font-size: /* サイドフォントサイズ */14px;font-weight: /* サイドフォント太さ */normal;border: /* サイド　枠線有無 */0px /* サイド　枠線種 */solid /* サイド　枠線色 */#999999;background-color: /* サイド　背景色 */#ffffff;padding: 10px;line-height: /* サイド　行間隔 */1em;width: /* サイド　枠幅 */580px;overflow: hidden;text-align: center;overflow: hidden;}/*--------------------------------------------人気ランキング情報横並び*/#rankings b {width: /* 人気ランキング　枠幅 */580px;list-style-type: none;float: left;padding: 10px;border: /* 人気ランキング　枠線有無 */1px /* 人気ランキング　枠線種 */solid #9fdfdc;display: inline; background-color: #dbf2f1;font-size : /* 人気ランキング　Bフォントサイズ */14px;color:/* 人気ランキング　Bカラー */#999999;}#rankings p {width: /* 人気ランキング　枠幅 */580px;background-color: /* 人気ランキング　詳細背景色 */#ffffff;float: left;padding: 10px;overflow: hidden;border: /* 人気ランキング　枠線有無 */1px /* 人気ランキング　枠線種 */solid #9fdfdc;margin: 0;color:/* 人気ランキング　フォントカラー */#999999;font-size : /* 人気ランキングフォントサイズ */14px;}#rankings img {background-color: /* 人気ランキング　詳細背景色 */#ffffff;float: left;overflow: hidden;padding: 0px 10px;}#rankings a:link {color: /* a:link人気ランキングリンク色 */#0000ff;text-decoration: /* a:link人気ランキングリンク下線 */none;}#rankings a:visited {color: /* a:visited人気ランキングリンク色 */#990099;text-decoration: /* a:visited人気ランキングリンク下線 */underline;}#rankings a:hover {color: /* a:hover人気ランキングリンク色 */#ff3535;text-decoration: /* a:hover人気ランキングリンク下線 */underline;}}