@charset "Shift_JIS";
@media screen and (max-width:768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

/*-----------------------
Last Update : 2016.03.07
-----------------------*/
#wrapper {
	width: 98%;
	margin: 0 auto;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	text-align: left; }

#main {
	padding: 0 10px; }

h2 {
	height: 40px;
	margin-top: 10px;
	color: #336a91;
	font-size: 100%;
	text-indent: -999px; }

h2#h_title {
	padding-top: 10px;
	padding-left: 25px;
	background: #ffffff  url(/contents/image/title/web/noname.gif) no-repeat left top;
	text-indent: 0; }

h3 {
	padding-left: 10px;
	border-top: solid 2px #5e8eab;
	border-bottom: solid 1px #cccccc;
	background: #ffffff url(/contents/image/layout/wireframe/heading3.gif) repeat-x;
	color: #336a91;
	font-size: 100%; }

h4 {
	font-size: 100%;
	}

p {
	margin: 0.5em 0; }

ul, ol, li {
	margin-top: 0.5em;
	margin-bottom: 0.5em; }

ul ul, ul ol, ol ul, ol ol {
	margin-top: 0.5em; }

dl {
	margin-top: 0.5em;
	margin-bottom: 0.5em; }

hr {
	display: none; }

strong	{
	color: #ff0000;
	font-weight: normal; }

em	{
	color: #ff0000;
	font-style: normal;
	font-weight: bold; }

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	vertical-align: middle;
	border: none; }

.box {
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #ffffff;
	border: solid 1px #cccccc; }
	
.flowbox {
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #fde9d9;
	border: solid 1px #cccccc; }

.submit {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px; }

.mail {
    width    : 80%;
    height   : 22px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
    ime-mode:disabled;
}

.freetext{
    width    : 80%;
	height: 100px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
}

.freetext50{
    width    : 80%;
	height: 50px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
}

.freetext180{
    width    : 80%;
	height: 180px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
}

.freetext200{
    width    : 80%;
	height: 200px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
}

.text20{
	width : 25px;
    height   : 22px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
}
.text40{
	width : 40px;
    height   : 22px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
}
.text200 {
    width    : 200px;
    height   : 22px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
    ime-mode:disabled;
}
.text430 {
    width    : 80%;
    height   : 22px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
}

.selectText {
	width /***/:auto;
    height   : 22px;
    /*padding  : 0 10px;*/
    background: #fff;
	border : 1px solid #e4dfc7;
    color      : #000;
}

.fontsize1 { font-size: 10pt; font-style: normal }
.fontsize2 { font-size: 11pt; font-style: normal }
.fontsize3 { font-size: 12pt; font-style: normal }
.fontsize4 { font-size: 13pt; font-style: normal }


body {
	margin: 0;
	padding: 0;
	background: #f6f6f6 url(/contents/image/layout/wireframe/background.gif) repeat;
	color: #333333;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	/*\*/ letter-spacing: 0.1em; /*-- Mac IE5 Hack--*/
	line-height: 1.5;
	text-align: center;
	}

.inputwrapper {
	width: 100%; /*-- IE Hack--*/
	margin-top: 10px; }

.inputwrapper table {
	width: 100%;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: none;
	border-left: none;
	background-color: #ffffff;
	/*\*/ letter-spacing: 0.1em; /*-- Mac IE5 Hack--*/
	line-height: 1.5; /*-- IE Hack--*/
	font-size: 100%; /*-- IE Hack--*/ }


.inputwrapper th {
	width: 180px;
	padding: 5px;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	background-color: #f3f3f3;
	color: #666666;
	font-weight: normal;
	text-align: center; }

.inputwrapper td {
	padding: 10px;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc; }
	
.serial {width: 300px;}
.serialtd1 {height:10px;width:130px;}
.serialtd2 {height:10px;width:170px;}

.add {
	width: 100%; /*-- IE Hack--*/
	margin-top: 10px; }

.add table {
	width: 100%;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: none;
	border-left: none;
	background-color: #ffffff;
	/*\*/ letter-spacing: 0.1em; /*-- Mac IE5 Hack--*/
	line-height: 1.5; /*-- IE Hack--*/
	font-size: 100%; /*-- IE Hack--*/ }

.add th {
	white-space: nowrap;
	padding: 5px;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	background-color: #f3f3f3;
	color: #666666;
	font-weight: normal;
	text-align: center; }

.add td {
	padding: 5px;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc; }

.formwrapper {
	width: 100%; /*-- IE Hack--*/
	margin-top: 10px; }

.formwrapper table {
	width: 100%;
	border-top: solid 1px #cccccc;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-color: #ffffff;
	/*\*/ letter-spacing: 0.1em; /*-- Mac IE5 Hack--*/
	line-height: 1.5; /*-- IE Hack--*/
	font-size: 100%; /*-- IE Hack--*/ }

.formwrapper th {
	width: 10px;
	padding: 10px;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #cccccc;
	border-left: solid 10px #cccccc;
	background-color: #f3f3f3;
	color: #666666;
	font-weight: normal;
	text-align: center; }

.formwrapper td {
	padding: 0px;
	border-top: none;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #f3f3f3;
	color: #666666;
	font-weight: normal;
	border-left: none; }
	
.nonwrapper table {
	width: 100%;
	border: none;
	background-color: #ffffff;
	/*\*/ letter-spacing: 0.1em; /*-- Mac IE5 Hack--*/
	line-height: 1.5; /*-- IE Hack--*/
	font-size: 100%; /*-- IE Hack--*/ }

.nonwrapper td {
	padding: 2px;
	border: none; }

textarea { font-size: 100%; }

.att-header {
	/*\*/ height: 100%; /*-- Mac IE5 --*/
	padding: 0 0 0 15px;
	font-weight: bold;
	background: transparent url(/contents/image/layout/icon/att_icon.gif) no-repeat center left;
	color: #ff0000; }

.right, .gotop {
	margin: 0;
	clear: both;
	text-align: right; }

.cent, .imgcent {
	text-align: center; }

.submit {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px; }

#columns { display: none; }

/* p-mark */

#p-mark {
	margin-top: 10px;
	/* border-top: dotted 1px #cccccc; */
	}

#p-mark p {
	margin-top: 20px;
	font-size: 80%;
	text-align: center;
	}

}