/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
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: #ccffdd;
	/* background-image: url(../img/pink_back.jpg); */
	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;
} 

/* .kihon #header h1 {
	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 #header h2 {
	margin-top: 0px;		/*-- 画面上部からの全体の高さ --*/
	margin-bottom:0px;
    text-align: center;
    display: block;
    padding: 3px 3px 3px 0px;
	margin-left: 50%;
	background-color:#ffffff;
/*  color:#666666;
	font-size:12px; */
}

/*--- 他ページへのリンク（角丸背景） ---*/

.kihon #other {
	margin: 0px;
	padding: 0px; /* ボックスの内側のスペース */
	background-color: #ffffff;
/*	background: url(../img/kakumaru.gif) no-repeat left top; */
	height:30px;
	width: 100%;
}

.kihon #other p{
	margin: 0px; 
	padding: 10px 0px; /* この余白によりマージンの相殺を発生させることなく、マージンの効果とまったく同じようにスペースが設定されます */
    text-align: center;
   	color:#666666;
	font-size:12px;
}

/*--- 他ページへのリンク（リストボタン） ---*/

.kihon #globalMenu {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 100%;
	float: left;
}

.kihon #globalMenu a {
	display: block;
	padding: 10px;
	background-color: #009900;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.kihon #globalMenu a:hover {
	background-color: #eeffee;
	color: #00cc00;
}

.kihon #globalMenu li {
	float: left;
	width: 49%;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}


/*--- 送信部分（角丸背景） ---*/

.kihon #bottom {
	margin: 0px;
	padding: 0px; /* ボックスの内側のスペース */
	background-color: #ffffff;
/*	background: url(../img/kakumaru_bottom.gif) no-repeat left top; */
	height:30px;
	width: 100%;
	text-indent:-10000px;
}

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

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

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

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

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

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

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

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

.kihon #mainContent 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: 100%;
	}

.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: 12px;
        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%; */
    }

.customer th, .customer td{
	width: 94%;
	display: block;
}

.customer td{
	margin-bottom: 20px;
}

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

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

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

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

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


.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: 5px 5px;
        background-color: #ffffff;
        border-top: 1px dashed #13b5b1;
        border-right: none;
        border-bottom: 1px dashed #13b5b1;
        boder-left: none;
        width: 95%;
        font-size: 12px;
        font-weight: normal;
        color: #666666;
        text-align: left;
    }


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

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

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

select {
width: 50%;
font-size: 16px;
background-color: #ffffaa;
font-color: #000000;
height: 4em;
line-height: 1.2;
}

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

}