/*
Theme Name: Tempranger ORIGINAL
Theme URI: http://template.hp-webmagic.com/
Description: ウィジェット対応オリジナルテンプレート
Author: Web Magic
Author URI: http://www.hp-webmagic.com/
*/

h1,h2,h3,h4,h5,h6,p,div,
ul,ol,li,
address,
table,caption,th,td {
		font-style: normal;
		font-weight: normal;
		margin: 0;
		padding: 0;
}

p {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

img,img a,img a:hover { border: 0; }

a { overflow: hidden; }

a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }

a:link { color: #03f; }
a:visited { color: #90f; }
a:hover { color: #f00; }
a:active { color: #00f; }

body {
		text-align: center;
		font-size: 75%;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		margin: 0;
		padding: 0;
}

/* ======================================= */
#wrapper {
		text-align: left;
		width: 930px;
		margin: 0 auto;
}

#header {
		text-align: left;
		width: 100%;
		height: 140px;
		margin-bottom: 50px;
}

#header-home {
		text-align: left;
		width: 100%;
		height: 140px;
		margin-bottom: 0;
}

.header-inner {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
}

#content {
		width: 610px;
		float: left;
}

#content-home {
		width: 930px;
		float: none;
		margin: 0 auto;
}

.entry {
		width: 100%;
		margin-bottom: 30px;
}

#sidebar {
		width: 300px;
		float: right;
		border-left: 1px dotted #666;
}

.sidebar-inner {/*280*/ padding: 60px 0 80px 20px; }

#undernavi {
		clear: both;
		padding: 3em 0 0.5em;
}

#footer {
		padding: 10px 0 200px;
		border-top: 1px dotted #999;
		background: url(images/bg-footer.jpg) no-repeat 50% 100%;
}

.footer-inner {
		width: 100%;
		overflow: hidden;
		margin-bottom: 2em;
}

/* #header
------------------------------------------------------------------------------------------ */

/* == ロゴ == */
p.logo {
		text-indent: -9999px;
		width: 240px;
		height: 50px;
		position: absolute;
		top: 10px;
		left: 0;
}

p.logo a,
p.logo a:hover { text-decoration: none; }

p.logo a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(images/logo.jpg) no-repeat 0 0;
}

p.logo a:hover { background: url(images/logo.jpg) no-repeat -240px 0; }

h1 {
		font-size: 100%;
		position: absolute;
		top: 65px;
		left: 20px;
		color: #666;
}

p.desc {
		position: absolute;
		top: 65px;
		right: 0;
		color: #666;
}

div.menu-global-nav-container {
		width: 930px;
		height: 40px;
		position: absolute;
		bottom: 0;
		left: 0;
}

div.menu-global-nav-container ul.menu { margin: 0; }

div.menu-global-nav-container ul.menu li {
		text-align: center;
		list-style: none;
		width: 186px;
		float: left;
}

div.menu-global-nav-container ul.menu a {
		display: block;
		width: 184px;
		height: 35px;
		line-height: 40px;
		margin: 0 1px;
		background-color: #000;
		color: #fff;
		border-bottom: 5px solid #999;
}

div.menu-global-nav-container ul.menu a:hover {
		background-color: #eee;
		color: #333;
		border-bottom: 5px solid #f0f;
}

/* #content .content-inner .entry
------------------------------------------------------------------------------------------ */
h3,h4,h5,h6 {
		font-size: 100%;
		margin: 0 0 0.5em;
}

h2 {
		font-size: 120%;
		height: 60px;
		margin: 0 0 20px;
		padding: 20px 0 0 80px;
		background: url(images/bg-h2.jpg) no-repeat 0 0;
		border-bottom: 1px dotted #666;
}

.page h2 {
		font-size: 150%;
		color: #06f;
}

.category h2 {
		font-size: 150%;
		color: #c0f;
}

.ads {
		width: 100%;
		clear: both;
		margin: 0 0 2em;
		padding-top: 50px;
}

/* #menu
------------------------------------------------------------------------------------------ */
ul.localnavi { margin-bottom: 20px; }

ul.localnavi ul { margin: 0; }

ul.localnavi ul ul { margin: 0.5em 0 1em 1.5em; }

ul.localnavi li {
		list-style: none;
		margin: 0;
}

ul.localnavi ul li { margin: 0 0 1em; }

ul.localnavi ul ul li {
		list-style-type: circle;
		list-style-position: inside;
		margin: 0 0 0.2em;
}

li#menu-item-457,
li#menu-item-954 { margin-bottom: 1em; }

p.widget-title {
		line-height: 20px;
		margin: 0 0 1em;
		border-bottom: 1px dotted #666;
		color: #036;
}

ul.localnavi a:link { color: #333; }
ul.localnavi a:visited { color: #666; }
ul.localnavi a:hover { color: #c33; }

div.ad-side {
		width: 250px;
		margin: 0 0 20px;
}

ul.banner li {
		list-style: none;
		margin: 0 0 20px;
}

ul.popular-link { margin: 0 0 2em; }
ul.popular-link li {
		list-style: none;
		width: 260px;
		height: 70px;
		overflow: hidden;
		margin: 0 0 10px;
		padding: 5px 10px;
		background: #f9f9f9;
}

ul.popular-link li img{
		display: block;
		float: left;
		margin-right: 10px;
}

ul.popular-link li p{
		float: right;
		width: 180px;
}

/* #undernavi
------------------------------------------------------------------------------------------ */
#undernavi p {
		text-align: center;
		margin-bottom: 0;
		color: #036;
}

/* #footer
------------------------------------------------------------------------------------------ */
.footer-inner p {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

p.copyright,
p.wm {
		text-align: right;
		margin: 0;
}

.footer-inner .widget-container { padding: 0.5em 1em; }

.footer-inner .widget-title { display: none; }

.footer-inner .widget-container ul { margin: 0; }

.footer-inner .widget-container li {
		list-style: none;
		display: inline;
		padding-right: 1em;
}

p.wm a,
.footer-inner a { color: #333; }
.footer-inner a:hover { color: #c33; }

/* ***************************************************************************************
■wp-pagenavi
*************************************************************************************** */
.wp-pagenavi {
		width: 100%;
		clear: both;
		overflow: hidden;
		padding: 1em 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
		text-decoration: none;
		text-align: center;
		display: block;
		float: left;
		width: 2em;
		height: 1.6em;
		line-height: 1.6em;
		margin: 0 2px 0 0;
		border: 1px solid #666;
}

a.nextpostslink,
a.previouspostslink { width: 4em; }

span.pages {
		width: 5em;
		margin-right: 1em;
		background-color: #666;
		color: #fff;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
		border-color: #eee;
		background-color: #f9f9f9;
		color: #666;
}

.wp-pagenavi span.current { font-weight: bold; }

/* ***************************************************************************************
■SINGLE
*************************************************************************************** */
div.headline {
		height: 60px;
		margin: 0 0 20px;
		padding: 20px 0 0 80px;
		background: url(images/bg-h2.jpg) no-repeat 0 0;
		border-bottom: 1px dotted #666;
}

div.headline h2 {
		font-size: 120%;
		height: auto;
		line-height: 1.2em;
		margin-bottom: 1em;
		padding: 0 0 0 0.5em;
		background: none;
		border-left: 5px solid #c0f;
		border-bottom: 0;
		color: #c0f;
}

div.headline p.catname {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

div.headline p.catname a { color: #333; }
div.headline p.catname a:hover { color: #c33; }

p.temp-img {
		width: 400px;
		float: left;
		margin: 0 20px 50px 0;
		border: 5px solid #666;
}

ul.btn-download {
		width: 150px;
		float: right;
		margin: 0;
}

ul.btn-download li {
		list-style: none;
		margin: 0 0 10px;
}

dl.temp-ex {
		clear: both;
		margin: 0 0 50px;
}

dl.temp-ex dt {
		margin: 0;
		padding: 0.3em 0 0;
		border-bottom: 1px dotted #666;
}

dl.temp-ex dd {
		margin: 0;
		padding: 0.5em 0 0;
}

ul.pagenavi {/*610*/
		width: 100%;
		overflow: hidden;
		padding: 0.3em 0;
		background-color: #f9f9f9;
}

ul.pagenavi li {
		list-style: none;
		float: left;
}

ul.pagenavi li.prev { text-align: right; }

ul.pagenavi li.next { text-align: left; }

ul.pagenavi li.home { text-align: center; }

ul.pagenavi li.prev,
ul.pagenavi li.next { width: 270px; }

ul.pagenavi li.home { width: 70px; }

/* ***************************************************************************************
■COMMENT
*************************************************************************************** */
#comment-headline {
		font-size: 120%;
		line-height: 1.5em;
		margin: 0;
		border-bottom: 1px dotted #666;
}

div.comment-entry {
		margin: 0 0 1em;
		padding: 0.5em;
		background: url(image/bg-gray.jpg);
}

div.comment-entry p {
		margin: 0 0 0.5em;
		padding-left: 15px;
}

div.comment-entry p.comment-author {
		margin: 0 0 1em;
		padding-left: 5px;
		border-left: 10px solid #690;
}

#commentform p {
		margin-bottom: 0.5em;
		padding: 0.3em 0;
}

table.comment {
		width: 100%;
		margin: 0 0 20px;
}

table.comment th,
table.comment td {
		text-align: left;
		padding: 8px 0 8px 20px;
		background-color: #f3f3f3;
		border-bottom: 1px dotted #666;
}

table.comment th { width: 130px; }

table.comment td { width: 440px; }

table.comment input,
table.comment textarea {
		font-size: 100%;
		padding: 0.3em;
		background-color: #333;
		color: #fff;
		border: 0;
}

#author,
#email,
#url,
#comment { width: 400px; }

#comment { height: 10em; }

/* ***************************************************************************************
■カテゴリ
*************************************************************************************** */
ul.info-list { margin: 0 0 20px; }

ul.info-list li {
		list-style-type: decimal;
		list-style-position: inside;
		margin: 0;
		padding: 5px 0 4px;
		border-bottom: 1px dotted #eee;
}

/* ***************************************************************************************
■規約
*************************************************************************************** */
dl.kiyaku { margin: 0 0 20px; }

dl.kiyaku dt {
		margin: 0 0 0.5em;
		padding: 0.5em 0 0.5em 2em;
		background: url(images/listmark-01.jpg) no-repeat 0 50%;
		color: #900;
}

dl.kiyaku dd {
		margin: 0 0 2em;
		padding: 0;
}

dl.kiyaku ul { margin-left: 2em; }
dl.kiyaku ul li { margin-bottom: 0.5em; }

/* ***************************************************************************************
■利用方法
*************************************************************************************** */
dl.howto { margin: 0 0 20px; }

dl.howto dt {
		margin: 0 0 0.5em;
		color: #06c;
}

dl.howto dd {
		margin: 0 0 2em;
		padding: 0 0 0 2em;
}

dl.howto ul { margin: 0 0 1em 2em; }
dl.howto ul li { margin-bottom: 0.5em; }

/* ***************************************************************************************
■FAQ
*************************************************************************************** */
ol.faq { margin: 0 0 5em 2em; }
ol.faq li { margin-bottom: 0.5em; }

dl.faq { margin: 0 0 20px; }

dl.faq dt {
		margin: 0 0 0.5em;
		color: #06c;
}

dl.faq dd {
		margin: 0 0 2em;
		padding: 0 0 0 2em;
}

/* ***************************************************************************************
■について
*************************************************************************************** */
ul.concept { margin: 0 0 1em 2em; }

ul.concept li { margin-bottom: 0.5em; }

/* ***************************************************************************************
■フォーム
*************************************************************************************** */
table.inquiry {
		width: 100%;
		margin: 0 0 20px;
}

table.inquiry th,
table.inquiry td {
		text-align: left;
		padding: 8px 0 8px 20px;
		background-color: #f3f3f3;
		border-bottom: 1px dotted #666;
}

table.inquiry th { width: 130px; }

table.inquiry td { width: 440px; }

table.inquiry input,
table.inquiry textarea {
		font-size: 100%;
		padding: 0.3em;
		background-color: #333;
		color: #fff;
		border: 0;
}

span.wpcf7-list-item-label { padding-right: 1em; }

input.wpcf7-text { width: 400px; }

table.inquiry textarea {
		width: 400px;
		height: 300px;
}

/* ***************************************************************************************
■About
*************************************************************************************** */
table.about {
		font-size: 100%;
		width: 100%;
		margin: 0 0 20px;
		border-top: 1px dotted #ccc;
}

caption { text-align: right; }

table.about th,
table.about td {
		text-align: left;
		vertical-align: top;
		padding: 1em;
		border-bottom: 1px dotted #ccc;
}

table.about th {
		width: 7em;
		color: #06c;
}

table.about td p { margin-bottom: 0.5em; }

/* ***************************************************************************************
■HOME
*************************************************************************************** */
#content-home h2 {
		clear: both;
		font-size: 120%;
		height: auto;
		line-height: 30px;
		margin-bottom: 0;
		padding: 0 0 0 1em;
		background: none;
		border: 0;
		color: #036;
}

.information {
		width: 100%;
		clear: both;
		margin: 0 0 20px;
		padding-top: 30px;
}

.info,
.custom { width: 49%; }

.info { float: left; }

.custom { float: right; }

.information h3 {
		margin: 0;
		padding: 0.5em 1em;
		border: 1px dotted #999;
		background-color: #f9f9f9;
		color: #036;
}

.info ul,
.custom ul { margin: 0; }

.info li,
.custom li {
		list-style: none;
		margin: 0;
		padding: 0.3em 1em;
		border-bottom: 1px dotted #ccc;
}

/* ***************************************************************************************
■サイトマップ
*************************************************************************************** */
.ddsg-wrapper {
		width: 900px;
		margin: 0 auto;
}

.ddsg-wrapper ul { margin: 0 0 3em; }

.ddsg-wrapper ul li {
		list-style-type: disc;
		list-style-position: inside;
		margin: 0 0 0.3em;
}

.ddsg-wrapper ul ul { margin: 0.3em 0 1em 7em; }

.ddsg-wrapper ul ul li {
		list-style-type: circle;
		list-style-position: inside;
		margin: 0 0 0.3em;
}

.ddsg-wrapper ul ul ul { margin: 0.3em 0 1em 2em; }

.ddsg-wrapper ul ul ul li {
		list-style-type: square;
		list-style-position: inside;
		margin: 0 0 0.3em;
}

#content-home .ddsg-wrapper h2 {
		margin-bottom: 0.5em;
		padding: 0;
		color: #000;
		border-bottom: 1px dotted #000;
}

/* ***************************************************************************************
■サムネイルリスト
*************************************************************************************** */

ul.thumbnail-list-home,
ul.thumbnail-list {
		width: 100%;
		margin: 0;
}

ul.thumbnail-list-home li {
		list-style: none;
		position: relative;
		width: 184px;
		height: 260px;
		float: left;
		margin: 0;
		padding: 18px 0;
		background-color: #333;
		border: 1px outset #333;
}

ul.thumbnail-list li {
		list-style: none;
		position: relative;
		width: 198px;
		height: 260px;
		float: left;
		margin: 0;
		padding: 18px 0;
		background-color: #333;
		border: 1px outset #333;
}

ul.thumbnail-list-home img,
ul.thumbnail-list img {
		display: block;
		margin: 0 auto;
}

ul.thumbnail-list-home p {
		font-size: 90%;
		margin: 0;
		width: 100%;
		position: absolute;
		top: 190px;
		left: 0;
}

ul.thumbnail-list p {
		font-size: 85%;
		margin: 0;
		width: 100%;
		position: absolute;
		top: 210px;
		left: 0;
}

ul.thumbnail-list-home p span,
ul.thumbnail-list p span {
		display: block;
		width: 160px;
		line-height: 1.2em;
		margin: 0 auto;
		padding: 0.5em 0 0.5em;
		border-top: 1px dotted #999;
		color: #fff;
}

ul.thumbnail-list-home li a:link,
ul.thumbnail-list li a:link { color: #fff; }

ul.thumbnail-list-home li a:visited,
ul.thumbnail-list li a:visited { color: #f9f9f9; }

ul.thumbnail-list-home li a:hover,
ul.thumbnail-list li a:hover { color: #f0f; }