/* CSS Document */

/* 
----------------------------------------
version 1.0
----------------------------------------
 */
 
 @media print, screen and (min-width: 640px) {
 
/* ここから通常のCSS */
・・・
・・・

/* ボディ */
body
{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 15px ;	/* 文字サイズ */
	line-height: 1.618 ;	/* 行の高さ */
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.header
{
	border-bottom: 1px solid #888 ;		/* 枠線 */
	text-align: left ;			/* テキスト、画像の真ん中寄せ */
	padding: 1em 0 ;			/* 上下の余白 */
	background:  	#FFFF00 ;			/* 背景色(確認用) */
	margin-bottom: 0.1em;
}

/* ロゴ画像を囲むh1 */
.logo-wrapper
{
	margin: 0 ;
	padding: 0 ;
	line-height: 1 ;
}


/* フッター */
.footer
{
	border-top: 1px solid #888 ;		/* 枠線 */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 2em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background: #FFFF00  ;
}


.wrapper
{
	width: 1150px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
	overflow: hidden ;
}

.main
{
	width: 800px ;
	padding:20px ;					/* 上下左右に20pxの余白 */
	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */
	float: right;
}

.sideBar
{
	width: 170px ;
}


.ClearRight {clear:right;}
.ClearLeft {clear:left;}
.clearBoth{ clear:both;}


#sideBar{
	/*font-size: 12px; font-weight: bold;*/ 
	margin: 0px; padding: 2px; line-height: 1em; 
	float: left;
	text-align: left; 
	display:block; 
	width:300px;
	margin: 0px; padding: 2px; line-height: 1em; 
	}


#sideBar ul.SideMenu{
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:0;
	
}

#sideBar ul.SideMenu li{
	padding:5px 5px 5px 20px;
	margin:0px 0px 0px 0px;
	border-bottom:1px #666 dotted;
	/*text-indent:20px;
	border:1px solid #03F;*/
}

#sideBar ul.SideMenu li.submenu{
	padding:5px 5px 5px 30px;
}

/*ページラベル用*/
#sideBar ul.SideMenu li.PageLabel{
	margin:0px;
	padding:10px 10px;
	background:#FFFF99;
	border-bottom:1px #060 solid;
	font-weight: bold;
}

/*ページタイトル用*/
#sideBar ul.SideMenu li.PageTitle{
	margin:0px;
	padding:10px 0px;
	background:#EBFFD7;
	border-bottom:1px #060 solid;
	
}

/*リンクページタイトル用*/
#sideBar ul.SideMenu li.LinkPageTitle{
	margin:0px;
	padding:10px 0px;
	background:#C2DFE9;
	border-bottom:1px #999 solid;
	text-indent:10px;
}

#sideBar ul.SideMenu li a{
	color:#333;
}
#sideBar ul.SideMenu li a:hover {
  color: #008000;
  text-decoration: underline;
}

h2{
	display:block;
	height:25px;
	width:680px;
	font-weight:bold;
	background:url(./images/h2-bg.gif) 5px 5px no-repeat;
	padding:3px 0px 0px 20px;
	font-size: 16px;}
	
h2#MainTitle{
	display:block;
	height:30px;
	width:auto;
	background:#FFFF99;
	border-bottom:1px #060 solid;
	background-image:none;
	padding:10px 0px 5px 15px; margin:0px;
	font-size: 18px;}
	
	
.emp{margin:3px 2px; background-color:#FFE7B5; padding:3px;}

.point{border-bottom: 1px dotted #F33; padding-bottom:0px;}

.f-red{color:#F33;}

.f-darkyellow{color:#960;}

/*加筆願い*/
.f-edit{ color:#960;}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}
	
FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
}

SELECT {
	width:300px;
}
TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	}
	
input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}
	
LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.25em;
	padding: 0.1em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	font-size: 0.95em;
	margin: 0.2em 0.5em;
	}


LABEL.inputLabel {
	font-size: 0.95em;
	width: 17em;
	float: left;
	}


ADDRESS {
	padding: 0.5em;
	font-style: normal;
	}

.alert {
	color: #FF0000;
	margin-left: 0.1em;
	font-size: 0.9em;
	}			
	
	
.subject {
	font-size: 90%;
	font-weight: bold;
}

input, select, textarea {
font-size: 90%;
font-family:Arial,Helvetica,sans-serif;
}

select {
	 width: auto; 
}


textarea {
	 width: 650px; 
}

.txtmodeJ {
  ime-mode: active;   /* Zenkaku */
}
.txtmodeE {
  ime-mode: inactive; /* Hankaku E */
}


#image-btn {
   border: 1px solid #000;
    width: 100px;
    height: 28px;
    background:url("./images/submit_btn_back.png");
}

#image-btn:hover {
	color: #FFF;
	background:url("./images/submit_btn_hover_back.png");
}

.p_contest {
	
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 22px;
	font-weight: bold;
	height: auto;
	letter-spacing: 3px;
}

/* 評価用　*/
.raderchart
{
	 
	 float:left;
}

.comment
{
	float:right;
}

}/* ←CSSの一番最後に記述 */