/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) and (min-width: 641px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
width:100%;
}

/* 表示領域全体 */
body {
	background: #ffffff;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#main セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-color: #ffeeff;
	background-repeat: repeat-x;
}

.kihon #main {
	width: 100%;  /* テキストがブラウザの初期設定のフォントサイズのままである場合は、この幅により800pxのブラウザウィンドウに収まる */
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

/*.kihon #header { 
	padding: 0 10px 5px 20px;   この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。
	background-color:#ffffff;
	background: url(../img/top_haike.jpg) no-repeat left top; 背景画像用 
} */

/* .kihon #header h1 {
	height:53px;
	width: 380px;
	background: url(../img/top_title.png) no-repeat left top; */
.kihon #header img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
/*	margin-top: 15px;		-- 画面上部からの全体の高さ --
	margin-bottom:15px;
	text-indent:-10000px; */
}


/*--- 中央部分（入力） ---*/

.kihon #mainContent {
	margin: 0px;
	padding: 5px 10px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #ffffff;
	border-width: 0px 3px 3px 3px;
	border-style: solid;
	border-color: #eb6878;
     /*-- 透明度
	filter:alpha(opacity=75);	
	-moz-opacity:0.75;
	opacity:0.75;
     --*/
}

.kihon #mainContent-y {
	margin: 0px;
	padding: 5px 10px;
	background: #ffffcc;
	border-width: 0px 3px 3px 3px;
	border-style: solid;
	border-color: #0db14b;
}

.kihon #mainContent-s {
	margin: 0px;
	padding: 5px 10px;
	background: #ffffff;
	border-width: 0px 3px 3px 3px;
	border-style: solid;
	border-color: #000066;
}

/*--- SSLマーク ---*/

.kihon #ssl{
	margin-top: 10px;		/*-- 画面上部からの全体の高さ --*/
	margin-bottom:10px;
    text-align: center;
	background-color: transparent;	/*-- 背景を透明に --*/
}

/*--- メインタイトル ---*/

.kihon #main_title {
	margin-top: -60px;		/*-- SSLマークからの高さ --*/
	margin-bottom:30px;		/*-- 注意書きまでの高さ --*/
}

.kihon #mainContent-y h2{
	margin-top: 10px;
	padding: 5px 4px; /* 内側のスペース */
	border-left: 8px solid #0068b7;
	border-bottom: 1px solid #0068b7;
	font-size: 14px;
    color: #0068b7;
}

.kihon #mainContent-s h2{
	margin-top: 10px;
	padding: 5px 4px; /* 内側のスペース */
	border-left: 8px solid #0068b7;
	border-bottom: 1px solid #0068b7;
	font-size: 14px;
    color: #0068b7;
}

.kihon #mainContent-y h3{
	margin-top: 20px;
	padding: 5px 4px; /* 内側のスペース */
	border-left: 8px solid #13b5b1;
	border-bottom: 1px solid #13b5b1;
	font-size: 14px;
    color: #13b5b1;
}

.kihon #mainContent-s h3{
	margin-top: 20px;
	padding: 5px 4px; /* 内側のスペース */
	border-left: 8px solid #13b5b1;
	border-bottom: 1px solid #13b5b1;
	font-size: 14px;
    color: #13b5b1;
}

/*--- 中央部分（注意） ---*/

.kihon #cyuui h2{
	margin: 0px;
	padding: 5px 4px; /* 内側のスペース */
	border-left: 8px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	font-size: 14px;
    color: #ff0000;
}

.kihon #cyuui ul{
	margin: 0px;
	padding: 5px 30px; /* 内側のスペース */
	font-size: 12px;
}

/*--- 中央部分（エラー） ---*/

.kihon #errer ul{
	margin: 0px;
	padding: 5px 30px; /* 内側のスペース */
	font-size: 14px;
    line-height: 180%;
}


/*--- フッター部 ---*/

.kihon #footer { 
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
} 

.kihon #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* この余白によりマージンの相殺を発生させることなく、マージンの効果とまったく同じようにスペースが設定されます */
    text-align: center;
   	color:#666666;
	font-size:10px;
}

/*--- 感謝ページ背景 ---*/

.kihon #thanks { 
	background: url(../img/thanks_back.jpg) no-repeat right top;
}


/*-------------------- 2. 全体リンクの設定始め--------------------*/

a:link,
a:visited {
	color:#3333FF;
	background:transparent;
	text-decoration:none;
	line-height:1.3;
	}

a:hover,
a:active {
	color:#FF6600;
	background:transparent;
	text-decoration:none;
	}

/*--------------------全体リンクの設定終わり--------------------*/

/*-------------------- 3.テーブル専用始め--------------------*/

/*---お客様情報---*/

table.customer{
    margin-top:10px;
    margin-left: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    border: none;
    width: 95%;
	}

.customer th,
.customer td {
    	padding: 5px;
        border-top: 1px dashed #0068b7;
        border-right: none;
        border-bottom: 1px dashed #0068b7;
        boder-left: none;
    }

.customer th#ao {
        background-color: #eeffff;
        font-size: 14px;
        font-weight: bold;
        color: #0068b7;
        text-align: center;
        width: 25%;
    }

.customer td#ao {
        background-color: #ffffff;
        font-size: 14px;
        font-weight: normal;
        color: #0068b7;
        text-align: left;
        width: 75%;
    }


/*---各種申込み用大枠---*/

table.oowaku {
    margin-top:10px;
    margin-left: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    border: none;
    width: 95%;
	}

.oowaku th,
.oowaku td {
    	padding: 5px 5px;
        background-color: #ffffff;
        border-top: 1px dashed #13b5b1;
        border-right: none;
        border-bottom: 1px dashed #13b5b1;
        boder-left: none;
    }

.oowaku #sub {
        background-color: #eeffee;
        font-size: 14px;
        font-weight: bold;
        color: #008000;
        text-align: center;
        width: 25%;
    }

.oowaku td {
        font-size: 14px;
        font-weight: normal;
        color: #666666;
        text-align: left;
    }

.oowaku #migi {
        width: 75%;
    }

/*
.oowaku th, .oowaku td{
	width: 94%;
	display: block;
}

.oowaku td{
	margin-bottom: 20px;
}
*/


/*---新規新聞・書籍等一覧用(2列)---*/

table.s_ichiran {
    margin-top:10px;
    margin-left: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    border: none;
    width: 100%;
	}

.s_ichiran td {
    	padding: 6px 6px;
        background-color: #ffffff;
        border-top: 1px dashed #13b5b1;
        border-right: none;
        border-bottom: 1px dashed #13b5b1;
        boder-left: none;
        width: 47%;
        font-size: 12px;
        font-weight: normal;
        color: #666666;
        text-align: left;
    }

/*---ノーマル(中央)---*/

table.normal_c {
    margin: 10px;
    border: none;
    width: 80%;
	}

.normal_c td {
    	padding: 10px 5px;
        text-align: center;
    }

/*---お知らせ枠---*/

.o_table {
	width: 80%;
	border:double 4px #ff3300;
	padding: 10px;
	background-color: #ffffff;
}

.o_table2 {
	width: 40%;
	border:double 4px #ff3300;
	padding: 5px;
	background-color: #ffffff;
}

/*--------------------テーブル専用終わり--------------------*/

/*-------------------- 4.入力部分--------------------*/

textarea {
width: 70%;
height: 7em;
line-height: 1.5;
}

select.chiiki {
width: 70%;
height: 4em;
line-height: 1.2;
}

select.nen {
width: 25%;
height: 3em;
line-height: 1.2;
font-size: 16px;
}

select.gappi {
width: 17%;
height: 3em;
line-height: 1.2;
font-size: 16px;
}

input.tx{
width: 70%;
height: 2em;
}

}