/*
Theme Name: infotrek
Description: infotrekOnly
Version: 1.0
*/

@charset "utf-8";

/* -+-+-+-+-+-+-+-+-+-+-+-+- top */

#topcontainer {
	width:920px;
	margin:0 auto 20px;
	text-align:left;
	clear:both;
}

#topcontainer h2,#topcontainer h3 {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:4px;
}


#topcontainer h2#topsimg {
	border-bottom:none;
}

#topcontainer h3.postid {
	border:0;
	padding:0;
	margin:0;
}

div#beginner {
	clear:both;
	background:url(images/top-bigginer.gif) no-repeat left;
	height:70px;
	width:920px;
	text-align:center;
	padding-top:7px;
	margin-bottom:5px;
}
div#beginner dd{
	padding:0 250px;
}


#topside {
    width:290px;
	float: right;
	margin: 0 0 20px;
}

#topside p {
	margin-bottom:10px;
	line-height:170%;
	font-size:80%;
}

#topside li {
	line-height:230%;
}

#topmain {
    width:600px;
	float: left;
	margin: 0 0 20px;
}


dl.topdl {
        float:left;
		margin:0 0 15px 0;
		padding:0;
		width:280px;
}

dl.topdr {
        float:right;
		margin:0 0 15px 0;
		padding:0;
		width:280px;
}

dl.topdl dt,dl.topdr dt {
	font-weight:bold;
	margin-bottom:3px;
}

dl.topdl dt a,dl.topdr dt a {
	text-decoration:none;
}

dl.topdl dd,dl.topdr dd {
	margin-bottom:10px;
}


/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body{
    text-align:center;
	border-top:4px solid #000000;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ", Meiryo,"ＭＳ Ｐゴシック",MS PGOTHIC,Sans-Serif;
    font-size:100%;
    line-height: 1.6em !important;
	color: #434343;
	margin:0;
	padding:0;
}

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

.clearfix {
	zoom:1;
	position:relative;
	}

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.clear{
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
}

.cr {
	clear:both;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
	line-height:140%;
	margin-bottom:10px;
	font-weight: normal;
}

dt {
	line-height:165%;
    font-size:90%;
}

li,dd,tr,td {
	line-height:165%;
    font-size:90%;
	margin-bottom:10px;
}

p {
	margin:10px 0 20px;
	padding:0;
    font-size:90%
}

ul {
    margin-top:5px;
	list-style-type:none;
}

ol{
    margin-top:5px;
}

ol li {
	list-style-position:inside;
}

img {
	border:0;
}

table, th, td {
	border-top: 1px solid #33CCFF;
	border-bottom: 1px solid #33CCFF;
	border-collapse: collapse;
	color: #555;
}

caption {
	margin: 5px;
	font-weight:bold;
	font-size:95%;
}

td, th {
	padding: 8px;
	font-size:92%;
	color: #333333;
}

strong {
    color:#000000;
}

div.taglinks {
	text-align:right;
	font-size:13px;
}

strong, em {
	font-size:inherit;
	font-weight: bold;
	font-style:normal;
	color:#454545;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- share use */

img { -ms-interpolation-mode: bicubic; }
  
a {
	white-space:nowrap;　
	outline : 0;
	color: #004891;
}

#current a,.current-cat a,.current_page_item a {
	background-color: #E0E0E0;
	color: #000000;
}

.current_page_item a {
	color: #000000;
}

a:visited {
}

a:hover { 
     color: #000000;
}
a:active {
}

a#top {
	color: #555555;
	 text-decoration:none;
}

a#pass {
    color:#66CC66;
}

a:hover img{
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}

.day {
	font-size:80%;
	line-height:170%;
}


.name {
	font-size:70%;
}

.points {
    clear:both;
    background-color: #E9E9E9;
	border:1px solid #CCCCCC;
	margin:20px 0;
}


.rights {
    text-align:right;
	margin-bottom:20px;
	font-size:80%;
}

.middle {
    text-align: center;
	margin:10px 0;
}

.middles {
    text-align: center;
	margin-bottom:20px;
}

.bottoms {
    margin-bottom:20px;
}

.margintop {
	margin-top:34px;
}

.leftimg {
	margin-left:5px;
	margin-right:10px;
	margin-bottom:5px;
	float:left;
}


.rightimg {
	margin-left:10px;
	float:right;
	padding: 4px; 
    background-color: #FFFFFF; 
    border:1px solid #CCCCCC;
}

.photoform {
	padding: 4px; 
	background-color: #FFFFFF; 
	border: 1px solid #A8A8A8;
	margin: 0 0 5px;
}


div.coding {
    padding:7px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	background: #EFEFEF;
}

.space_img {
    margin-bottom: 15px;
}

/*
 header [
----------------------------------------------------------- */

div#header {
	width:920px;
	margin:0 auto;
	text-align:left;
	clear:both;
}

div#lhead {
	margin:0;
	padding:15px 0 5px;
	float:left;
}

div#rhead {
	float:right;
	width:390px;
	text-align:right;
}

img#formset {
    margin-right: -3px;     /* 右側の隙間を3ピクセル詰める */
    margin-bottom: 2px;     /* 下側に2ピクセルの余白を空ける */
    vertical-align: bottom; /* 画像の下の謎の隙間を綺麗に消す */
}

*+html div#footcontents {
	margin-bottom:0px;
}

div#rhead ul {
	float:right;
}

div#rhead ul li {
	display:inline;
	margin:2px 5px 0 15px;
}


p#tops {
	font-size:70%;
	padding:0 0 0 6px;
	margin:6px 0 0 0;
	line-height:140%;
	border-left:4px solid #333333;
}

#logo {
	margin:0;
	padding:15px 0 5px;
	float:left;
}


/*
 container [
----------------------------------------------------------- */
#container {
	width:920px;
	margin:0 auto 20px;
	text-align:left;
	clear:both;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- pankuzu */

div.flow {
     margin: 10px 0 15px;
	 background: url(images/focus.gif) no-repeat left;
	 padding-left:80px;
	 font-size:75%;
}


/* maintop [
----------------------------------------------------------- */
#main {
    width:600px;
	float: right;
	margin: 0 0 30px;
    clear:both;
}

#package_main {
	width:920px;
	margin:0 auto 20px;
	text-align:left;
	clear:both;
}

#package_main img {
	display: block;
	margin: auto;
}

#main h1 {
	color:#333333;
	font-size:90%;
	font-weight:bold;
	padding-left:32px;
	height: 40px;
	background: url(images/h.jpg) no-repeat left center #FFFFFF;
	margin-left:0;
	margin-bottom:15px;
	line-height: 280%;
	border-top:2px solid #0099FF;
	border-bottom:1px solid #D3D3D3;
}


#main h1#categorytop {
	color: #333333;
	font-size:100%;
	padding-left:0;
	line-height:250%;
	height: auto;
	background: none;
	margin-left:0;
	margin-bottom:20px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:4px;
}

#package_main h1 {
	color:#444444;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	margin-left:0;
	margin-bottom:20px;
	height:auto;
	margin-top:0;
	padding-left:0;
	line-height: 280%;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	background:none;
}


#main h2,#main h3,#package_main h2 {
	margin:25px 0;
	padding:10px;
	border:none;
	border: 1px solid #CCCCCC;
	border-left:4px solid #006699;
	background: #F2F2F2;
	line-height:normal;
	font-weight:bold;
}

#package_main h3 {
	color:#333;
	margin:25px 0;
	padding:10px;
	border:none;
	border-left:4px solid #006699;
	line-height:normal;
	font-weight:bold;
}
	


#main dl.topdl dt h2,#main dl.topdr dt h2 {
	font-weight:bold;
	border-bottom: none;
	padding:0;
	margin:0;
}

#main h2.clears {
    text-align: center;
	margin:0;
	padding:0;
	border:none;
	clear:both;
	font-weight:bold;
	font-size:90%;
}

#main h2.clears a {
	text-decoration:none;
}

.subcontents	{
	padding:10px 0;
	border-top:1px solid #CCCCCC;
	clear:both;
}

#main h2.categoly {
	margin:0 0 0 130px;
	padding:3px 0 0 7px;
	border:none;
	border-left:2px solid #000000;
	line-height:normal;
	background:none;
	font-size:90%;
}

h3.postid {
	border:0;
	padding:0;
	margin:0;
}

#main p.catep {
    margin-top:8px;
	margin-left:140px;
	margin-bottom:15px;
	line-height:180%;
}

#main img {
	padding: 3px; 
	background-color: #FFFFFF; 
	border: 1px solid #A8A8A8;
	margin: 0 0 4px;
}

#main img.brline {
	padding: 0; 
	background-color: #FFFFFF; 
	border: none;
	margin: 0;
	clear:both;
}


#main img.noimg,div.listbox img.noimg {
	padding:0; 
	background-color: #FFFFFF; 
	border: none;
	margin: 0;
}

dl.topdl {
        float:left;
		margin:0 0 15px 0;
		padding:0;
		width:280px;
}

dl.topdr {
        float:right;
		margin:0 0 15px 0;
		padding:0;
		width:280px;
}

dl.topdl dt,dl.topdr dt {
	font-weight:bold;
}

dl.topdl dt a,dl.topdr dt a {
	text-decoration:none;
}

dl.topdl dd,dl.topdr dd {
	margin-bottom:10px;
}


#main .title {
	margin:10px 0 15px;
	padding:0 0 0 10px;
	border:none;
	border-left: 3px solid #006699;
	background:none;
	line-height:normal;
    font-size:100%;
	color: #06F;
}

#package_main .title {
	background:none;
	line-height:normal;
    font-size:110%;
	color: #06F;
	padding:10px 0 0;
	margin:10px 0 5px;
	border:none;
	border-top:1px dotted #999999;
}

#package_main .titletop {
	background:none;
	line-height:normal;
    font-size:110%;
	color: #06F;
	padding:10px 0 0;
	margin:10px 0 5px;
	border:none;
}
	
/* -+-+-+-+-+-+-+-+-+-+-+-+- dl,dt,dd,ul,ol*/

#main dl.lipost {
	margin-bottom:10px;
}

#main dl.lipost dt {
	font-weight:bold;
	color: #006699;
	border-bottom:1px solid #666666;
	font-size:110%;
}	

#main ul li,#main ol li{
	margin: 0 0 5px 0;
	line-height:180%;
}

.listing li {
	border-bottom:1px solid #CCCCCC;
	line-height:240%;
	font-size:80%;
}


div#topmain ul.listing,#main ul {
	margin-bottom:30px;
}
	
div#topmain ul.listing li,#main ul li {
	list-style-position:inside;
	list-style-image:url(../..images/h.gif);
	padding-left:2px;
}

* html div#topmain ul.listing li,* html #main ul li {
	background:url(images/ieh.gif) left no-repeat center;
	list-style-image: none;
	padding-left:0;
	margin-left:0;
}

*+html div#topmain ul.listing li,*+html #main ul li {
	background:url(images/ieh.gif) left no-repeat center;
	list-style-image: none;
	padding-left:0;
	margin-left:0;
}

/* Q&A */

.qa {
background:none;
border-top:1px solid #6CC;
}

.qa dt { 
	 background:url(images/point.gif) no-repeat left;
	 padding-left:10px;
	 margin:10px auto 0;
	 text-align:left;
	 font-weight:bold;
	 color:#0066FF;
	 font-size:100%;
} 

.qa dd { 
margin: 5px 0;
padding-bottom: 10px; 
padding-left:10px;
border-bottom: 1px solid #6CC;
} 


/* flow */

ol.blue li {
	color:#06F;
}


ol.blue li p {
    padding:7px;
	border:1px solid #CCCCCC;
	margin:5px 0 20px;
	background: #EFEFEF;
	color: #555555;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- submenu,linelist*/

#main .submenu {
	margin:10px 0 15px;
	width:600px;
	background: #F2F2F2;
	padding:10px 0;
	border:1px solid #CCCCCC;
	text-align:center;
}

#main .submenu li {
	display:inline;
	padding:0 9px;
	font-size:75%;
}

#main .linelist {
	margin:0;
	padding:5px 0;
	width:600px;
	text-align:right;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#main .linelist li {
	display:inline;
	margin:0;
	text-align: right;
	font-size:70%;
}

#main .linelist li a {
	background:#006699;
	padding:1px 3px;
	color:#FFFFFF;
}

#main .linelist li a.nobox {
	background: #FFFFFF;
	color: #004891;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- box */

div.box  {   
    _zoom: 1;     
    overflow: hidden;
	padding:5px 10px;
	background: #F2F2F2;
	border:1px solid #D8D8D8;
	clear:both;
	margin-bottom:10px;
}

div.listbox  {   
    _zoom: 1;     
    overflow: hidden;
	border-bottom:1px solid #D8D8D8;
	padding-bottom:25px;
	margin-top:25px;
	clear:both;
}

div.box img,div.listbox img {
	float: left;
	margin: 3px 10px 5px 0;
	clear:both;
	padding: 4px; 
	background-color: #FFFFFF; 
	border: 1px solid #A8A8A8;
}  

.box dl,div.listbox dl {
	overflow: hidden;
	_zoom: 1;
} 

.box dl dt {
	background:url(images/h.gif) no-repeat left center;
	padding-left:7px;
	font-weight:bold;
	margin-bottom:10px;
}

div.listbox dl dt {
	padding-left:17px;
	margin-left:7px;
	margin-top:5px;
	font-weight:bold;
    font-size:130%;
	line-height:165%;
}

div.listbox dl dd {
	margin-top:10px;
	padding-left:24px;
	line-height:130%;
}


/*
table [
----------------------------------------------------------- */

table#table-01 {
    width: 910px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:20px 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: right;
}

table#table-01 td {
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

table#table-01 td.tdtitle {
    width:200px;
    background: #F5F5F5;
	text-align:right;
}


/*
mailfrm [
----------------------------------------------------------- */

/* 入力フォームを囲うclassタグ */
.setting_section {
    margin-bottom : 25px ;
}

/* ボタンを囲うclassタグ */
.button_box {
    clear : both ;
    padding : 10px ;
    text-align : center ;
}

.red {
	margin-left:5px;
}

/* 赤文字を表示するためのclassタグ */
.red_txt {
    color: #ff3333;
}

/* 左詰の文字を表示するためのclassタグ */
.left_txt {
    text-align : left;
}

/* コンテンツ内の内部タグ */
#main .inner {
    padding : 0 15px ;
}

/* コンテンツ内のフォームに使用する[table]タグ */
#main_table {
	width: 100%;
	padding: 10px;
	border:1px solid #CCCCCC;
    word-break: break-all;
}

/* コンテンツ内のフォームに使用する[th]タグ */
#main_table th {
	padding: 7px 7px 7px 5px;
	background-color: #F9F9F9;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	min-width: 150px;
	max-width: 150px;
}

/* コンテンツ内のフォームに使用する[td]タグ */
#main_table td {
	padding: 7px 0px 7px 10px;
	border-bottom: solid 1px #CCCCCC;
    text-align : left ;
	min-width: 410px;
	max-width: 410px;
}

/* フォーム内の入力欄 */
#main_table input {
    width : 380px ;
}

/* フォーム内の入力欄 */
#main_table textarea {
    width : 380px ;
}


/*
 side [
----------------------------------------------------------- */
#side {
	float: left;
	width: 290x;
	margin: 0 22px 10px 0;
}

#side li {
	line-height:0;
	margin:7px 0 0;
}

/* side & top
---------------------------------------------------- */


#filemaker_list {
	float: left;
	width: 290x;
	margin: 0 20px 0px 0;
	border: 1px solid #55DDFF;
	background: #86E7FF;
	font-size:80%;
}

#filemaker_question {
	float: left;
	width: 290px;
	margin: 0 20px 20px 0;
	border: 1px solid #FFD1BB;
	background: #FFE3B9;
	font-size:80%;
}

#filemaker_blog {
	float: left;
	width: 290px;
	margin: 0 0 20px 0;
	border: 1px solid #BBBBBB;
	background: #CCCCCC;
	font-size:80%;
}

#filemaker_list ul,#filemaker_question ul,#filemaker_blog ul {
	border-top:none;
	background:#FFFFFF;
	margin:0 5px 5px 5px;
	padding-top:3px;
}

#filemaker_list ul li,#filemaker_question ul li,#filemaker_blog ul li {
	line-height:210%;
	border-bottom:1px dotted #CCCCCC;
	background:url(../..images/list-point.gif) no-repeat left;
	padding-left:13px;
	margin:0 4px;
}

#filemaker_list ul li.noline,#filemaker_question ul li.noline,#filemaker_blog ul li.noline {
    border: none;
}

#filemaker_list ul a,#filemaker_question ul a,#filemaker_blog ul a{
	text-decoration:none;
}

/*
 footer [
----------------------------------------------------------- */

div#footer {
	background: url(images/footback.jpg) repeat-x bottom;
	width:100%;
	clear:both;
}

div#footcontents {
	width:920px;
	margin:0 auto;
	text-align:left;
	height:256px;
	color:#CCCCCC;
}

* html div#footcontents {
	padding-top:25px;
}

*+html div#footcontents {
	padding-top:20px;
}

p#scroll {
	text-align:right;
}

div#footer dl {
	background:#2896CA;
	background-color: #2997CC;
}

div#footer dl dt {
	border-left:3px solid #FFFFFF;
	font-weight:bold;
	padding-left:9px;
	margin-bottom:15px;
	font-size:90%;
}

div#footer dl dd {
	padding-left:7px;
	margin-bottom:20px;
	font-size:90%;りst
}

div#footer ul li {
	display:inline;
    padding:0 10px 0 0;
	border-right:1px solid #BBBBBB;
}

* html div#footer ul li {
	display:inline;
    padding:0 7px 0;
	border-right:1px solid #BBBBBB;
}

div#footer ul li.noline {
    border: none;
}


div#footer a {
	text-decoration: none;
	outline : 0;
	color: #FFFFFF;
	font-weight:bold;
}

div#footer a:hover { 
     color: #444444;
}


address {
	background-color: #2997CC;
	margin:10px 0 0;
	text-align:center;
	color:#FFFFFF;
	font-size:75%;
}	

@charset "utf-8";


/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */

.navigation {
    height: 44px;
    clear: both;
    margin-bottom: 5px;
    padding-top: 10px;
    /* background の行は削除（またはコメントアウト）してください */
}

/* その他の .navigation ul や .navigation li などの記述は変更せずそのままで大丈夫です */
.navigation ul {
    margin: 0 auto;
    width: 920px;
}

.navigation li {
    list-style-type: none;
    height: 44px;
    float: left;
}

.navigation li.img {
	border:0;
}

.navigation li.filemaker {
	background: url(images/filemaker_on.gif) no-repeat;
}

.navigation li.question {
	background: url(images/question_on.gif) no-repeat;
}

.navigation li.blog {
	background: url(images/blog_on.gif) no-repeat;
}

.navigation li.package {
	background: url(images/package_on.gif) no-repeat;
}

.navigation li a:hover img {
	opacity: 0;
}

.navigation li a:hover img {
	opacity: 0;
}

/* 💡 親テーマの images フォルダ内のホバー用画像を背景に敷く */
.navigation li.filemaker a:hover {
	background: url(images/filemaker-navi_on.gif) no-repeat;
	display: block;
	height: 44px;
}
.navigation li.question a:hover {
	background: url(images/question_on.gif) no-repeat;
	display: block;
	height: 44px;
}
.navigation li.blog a:hover {
	background: url(images/blog_on.gif) no-repeat;
	display: block;
	height: 44px;
}
.navigation li.package a:hover {
	background: url(images/package_on.gif) no-repeat;
	display: block;
	height: 44px;
}



.navigation li a:hover img{
	visibility:hidden;
	opacity:1;
	filter: alpha(opacity=100);
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- package_list */

.package_list {
	width:920px;
margin: 0;
padding: 0;
list-style-type: none;
text-align:center;
}

.package_list li {
text-align:center;
	width:300px;
	margin-right:4px;
	margin-bottom:10px;
float: left;
padding:10px 0;
border: 1px #666666 solid;
text-align: center;
}

.package_list li.on,.package_list li .current_page_item{
	background:#333;
}

.package_list li a {
	display:block;
}

.current_page_item a {
	color: #000000;
}

.package_list li.on a,.package_list li.on a:hover{
	color:#FFF;
}

/* 「formset-large」というクラスがついた一部の画像だけを大きくする */
.formset-large {
    display: block;
    width: 60%;
    height: auto;
    max-width: 60%;
    margin: 0 auto 30px;
}