@charset "utf-8";
/* CSS Document */

/****------------------------------------------------

reset

------------------------------------------------****/
* {
	margin:0;
	padding:0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0px;
	margin: 0px;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
fieldset,img {
	border: 0;
	vertical-align:bottom;
}
/*address,caption,cite,code,dfn,em,strong,thvar {
	font-weight: normal;
	font-style: normal;
}*/
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
/*h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}*/
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0;
}
li{
	list-style:none;
	line-height:100%;
	list-style-type:none;
}
.clear {
	clear:both;
}
/*clearfix*/
.clearfix {
	display:inline-table;/* MACのIE向け */
	display: block;/* MACのIE以外にdisplay: block;を上書き */
	min-height: 1px;/* IE7向けに親ボックスの最小高さを指定 */
}
/* IE6以下にはスターハックを使い親ボックスの高さを指定 */
/* MACのIEには以下の内容を適用しない \*/
* html .clearfix {
	height: 1%;
}
/* MACのIEには以上の内容を適用しない */
/* IE以外のモダンブラウザ向け */
.clearfix:after {
	content: ".";/*ピリオド（.）を生成*/
	display: block;/*clearを効かせるためピリオドをブロック要素に見せる*/
	visibility: hidden;/*ピリオドを隠す*/
	height: 0;/*ピリオドの高さをなくす*/
	line-height: 0;/*ピリオドの行間をなくす*/
	clear: both;/*クリアする*/
}


/****------------------------------------------------

a.tag

------------------------------------------------****/
a:link {
	color:#FFF/*#874D05*/;
	text-decoration:none;/*まだアクセスしたことのないリンクに適用*/
}
a:visited {
	color: #FFF;
	text-decoration:none;/*既にアクセスしたことのあるリンクに適用*/
	
}
a:hover {
	color:#06F;
	text-decoration:none;/*マウスが上に乗っている状態のリンクに適用*/
}
a:active {
	color:/*#00CCCC*/;/*選択されている状態のリンクに適用*/
}


/****------------------------------------------------

layout

------------------------------------------------****/
body {
	font-size:100%;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	background:#FFE9D2;
}
img{
	border:0;
	vertical-align:bottom;
}
section {
	/*width:910px;*/
	margin:0 auto;
	padding:20px;
}

/****------------------------------------------------

globalStyle(font,float,width,margin,padding,border)

------------------------------------------------****/
.left {float:left;}
.right {float:right;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.fontSmall{font-size:80%;}
.fontLarge{font-size:120%;}
.font100{font-size:100%;}
.font75{font-size:75%;}
.wid30{width:30px;}
.wid50{width:50px;}
.wid80{width:80px;}
.wid100{width:100px;}
.wid120{width:120px;}
.wid150{width:150px;}
.wid180{width:180px;}
.wid200{width:200px;}
.wid250{width:250px;}
.wid300{width:300px;}
.wid320{width:320px;}
.wid350{width:350px;}
.wid380{width:380px;}
.wid400{width:400px;}
.wid750{width:750px;}
.wid950{width:950px;}
.mar10{margin:10px;}
.mar20{margin:20px;}
.mar30{margin:30px;}
.mar40{margin:40px;}
.mar50{margin:50px;}
.mar60{margin:60px;}
.mar70{margin:70px;}
.mar80{margin:80px;}
.mar90{margin:90px;}
.mar-l10{margin-left:10px;}
.mar-r10{margin-right:10px;}
.mar-l20{margin-left:20px;}
.mar-r20{margin-right:20px;}
.mar-l30{margin-left:30px;}
.mar-r30{margin-right:30px;}
.mar-l40{margin-left:40px;}
.mar-r40{margin-right:40px;}
.mar-y10{margin:10px 0;}
.mar-x10{margin:0 10px;}
.mar-y20{margin:20px 0;}
.mar-x20{margin:0 20px;}
.mar-y30{margin:30px 0;}
.mar-x30{margin:0 30px;}
.mar-y40{margin:40px 0;}
.mar-x40{margin:0 40px;}
.mar-b5{margin-bottom:5px;}
.mar-t5{margin-top:5px;}
.mar-b10{margin-bottom:10px;}
.mar-t10{margin-top:10px;}
.mar-b15{margin-bottom:15px;}
.mar-t15{margin-top:15px;}
.mar-b20{margin-bottom:20px;}
.mar-t20{margin-top:20px;}
.mar-b25{margin-bottom:25px;}
.mar-t25{margin-top:25px;}
.mar-b30{margin-bottom:30px;}
.mar-t30{margin-top:30px;}
.mar-b35{margin-bottom:35px;}
.mar-t35{margin-top:35px;}
.mar-xAuto{margin:0 auto;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad25{padding:25px;}
.pad30{padding:30px;}
.pad35{padding:35px;}
.pad40{padding:40px;}
.pad-b5{padding-bottom:5px;}
.pad-b10{padding-bottom:10px;}
.pad-b15{padding-bottom:15px;}
.pad-b20{padding-bottom:20px;}
.pad-b25{padding-bottom:25px;}
.pad-b30{padding-bottom:30px;}
.pad-b35{padding-bottom:35px;}
.pad-b40{padding-bottom:40px;}
.pad-b45{padding-bottom:45px;}
.pad-b50{padding-bottom:50px;}
.pad-t5{padding-top:5px;}
.pad-t10{padding-top:10px;}
.pad-t15{padding-top:15px;}
.pad-t20{padding-top:20px;}
.pad-t25{padding-top:25px;}
.pad-t30{padding-top:30px;}
.pad-t35{padding-top:35px;}
.pad-t40{padding-top:40px;}
.pad-t45{padding-top:45px;}
.pad-t50{padding-top:50px;}
.pad-y5{padding:5px 0;}
.pad-y10{padding:10px 0;}
.pad-y15{padding:15px 0;}
.pad-y20{padding:20px 0;}
.pad-y25{padding:25px 0;}
.pad-y30{padding:30px 0;}
.pad-x5{padding:0 5px;}
.pad-x10{padding:0 10px;}
.pad-x15{padding:0 15px;}
.pad-x20{padding:0 20px;}
.pad-x25{padding:0 25px;}
.pad-x30{padding:0 30px;}
.bor1{border:1px solid #CCCCCC;}
.bor-r2{border-right:2px solid #CCC;}
.bor-l2{border-left:2px solid #CCC;}
.bg_white{background:#FFF;}
.align_center{text-align:center;}


/**-------------------------

common

-------------------------**/
header h1 {
	margin:0 auto;
	font-size:24px;
	font-weight:bold;
	color:#4D2600;
	padding:10px 0;
	text-align:center;
	/*width:950px;*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.83, #fed691), color-stop(0.83, #fed691), color-stop(0.49, #fee4c8));
	background: -webkit-linear-gradient(top, #fee4c8 49%, #fed691 83%, #fed691 83%);
	background: -moz-linear-gradient(top, #fee4c8 49%, #fed691 83%, #fed691 83%);
	background: -o-linear-gradient(top, #fee4c8 49%, #fed691 83%, #fed691 83%);
	background: -ms-linear-gradient(top, #fee4c8 49%, #fed691 83%, #fed691 83%);
	background: linear-gradient(top, #fee4c8 49%, #fed691 83%, #fed691 83%);
	border-bottom:3px solid #FF8E1E;
	text-shadow: 0 0 3px #FFFFFF;
}

h2 {
	font-size:18px;
	font-weight:bold;
	color:#AC0D09;
	padding-bottom:10px;
	margin:30px auto;
	border-bottom:3px dotted #fff;
	width:750px;
}
.pain_commonForm {
	margin:10px auto;
}
.pain_commonForm {
	margin:0 auto;
	background:#F3F3F3;
}
.pain_commonForm th {
	padding:5px 10px;
	background:#5E2F00;
	color:#FFF;
	font-size:120%;
	text-align:center;
	letter-spacing:0.2em;
}
/*.CookrecipeForm th,
.CookrecipeForm td {
	padding:4px 8px;
	text-align:center;
}*/
.pain_commonForm td {
	font-size:110%;
	padding:4px 8px;
	/*text-align:center;*/
}

.pain_commonForm a.title:link {
	color:#06F/*#874D05*/;
	text-decoration:none;/*まだアクセスしたことのないリンクに適用*/
}
.pain_commonForm a.title:visited {
	color: #06F;
	text-decoration:none;/*既にアクセスしたことのあるリンクに適用*/
	
}
.pain_commonForm a.title:hover {
	color:#06F;
	text-decoration:none;/*マウスが上に乗っている状態のリンクに適用*/
}
.pain_commonForm a.title:active {
	color:/*#00CCCC*/;/*選択されている状態のリンクに適用*/
}


/*ボタン装飾*/
.pain_outset01 {
	border:1px outset #F2F2F2;
}
/*背景*/
.pain_bg_grey {
	background: #EAEAEA;
}

/***リンクボタン・入力ボタン***/
.pain_link01 {
	font-size:100%;
	text-align:center;
	background:#666;
	display:block;
	padding:5px 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius': 5px;
}
.pain_link02 {
	background:#ac0d09;
	color:#FFF;
	font-size:110%;
	text-align:center;
	display:block;
	padding:5px 8px;
	border:outset 1px #903;
	letter-spacing:0.1em;
}
.pain_link03 {
	padding:2px 0;
	background:#5E2F00;
	display:inline-block;
	width:25px;
	height:20px;
	line-height:20px;
	text-align:center;
	letter-spacing:0.2em;
	border:1px #804000 outset;
}
.pain_link04 {
	padding:2px 0;
	background:#5E2F00;
	display:inline-block;
	width:50px;
	height:20px;
	line-height:20px;
	text-align:center;
	letter-spacing:0.2em;
	border:1px #804000 outset;
}
.pain_selectBox {
	width:150px;
	height:25px;
}
.pain_btn01 {	
	padding:2px 0;
	background:#5E2F00;
	display:block;
	width:100px;
	height:20px;
	line-height:20px;
	text-align:center;
	letter-spacing:0.2em;
	border:1px #804000 outset;
}

/*-------------------------

login page

-------------------------*/
.pain_loginForm {
	width:250px;
	margin:30px auto;
	padding:20px 30px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fef1f1), color-stop(0.96, #f8d2d2), color-stop(0.70, #f8e8e8), color-stop(0.70, #f8e8e8), color-stop(0.00, #fffefe));
	background: -webkit-linear-gradient(top, #fffefe 0%, #f8e8e8 70%, #f8e8e8 70%, #f8d2d2 96%, #fef1f1 100%);
	background: -moz-linear-gradient(top, #fffefe 0%, #f8e8e8 70%, #f8e8e8 70%, #f8d2d2 96%, #fef1f1 100%);
	background: -o-linear-gradient(top, #fffefe 0%, #f8e8e8 70%, #f8e8e8 70%, #f8d2d2 96%, #fef1f1 100%);
	background: -ms-linear-gradient(top, #fffefe 0%, #f8e8e8 70%, #f8e8e8 70%, #f8d2d2 96%, #fef1f1 100%);
	background: linear-gradient(top, #fffefe 0%, #f8e8e8 70%, #f8e8e8 70%, #f8d2d2 96%, #fef1f1 100%);
	border: 2px outset #EBEBEB; 
}
.pain_loginForm .error {
	color:#FF0000;
}
.pain_loginForm .pain_btn_login {
	width:80px;
	height:25px;
	margin-top:10px;
}
.pain_loginForm .pain_input {
	width:120px;
	height:17px;
}
.pain_loginForm table {
	border-collapse:separate;
	margin:0 auto;
}

/*-------------------------

menu page

-------------------------*/

#pain_topNav ul {
	width:613px;
	margin:0 auto;
}

#pain_topNav li {
	font-size:140%;
	letter-spacing:0.1em;
	width:180px;
	height:143px;
	text-align:center;
	vertical-align:middle;
	float:left;
	display:inline-block;
	line-height:143px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#pain_topNav li a {
	display:block;
	overflow:hidden;
	width:180px;
	height:143px;
}
.orange{
	background:#ff855b;
	border:2px outset #FFBBA4;
	margin-right:30px;
}
.green{
	background:#76ab05;
	border:2px outset #93D706;
	margin-right:30px;
}
.blue{
	background:#5886c6;
	border:2px outset #9AB6DC;
}


/*-------------------------

pCook_list page

-------------------------*/
.pain_paging {
	margin:0 auto 10px auto;
}
.pain_paging a {
	display:block;
	width:24px;
	height:24px;
	overflow:hidden;
}
.pain_paging a:hover {
	opacity:0.6;
}
.pain_paging span {
	font-weight:bold;
	font-size:15px;
	height:15px;
	line-height:15px;
}
.pain_cateSerch {
	width:210px;
	height:25px;
	background:#5E2F00;
	padding:7px 10px;
}
.pain_cateSerch label {
	color:#FFF;
}

/*-------------------------

pCook_edit page

-------------------------*/
/*------------------------------------
tab-panel 設定
------------------------------------*/
#tab {
	margin:20px auto;
	width:750px;
}
#tab .panes #tab-1,
#tab .panes #tab-2 {
	position:absolute;
	cursor:pointer;
}
#tab .panes #tab-1 a,
#tab .panes #tab-2 a {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}

/********パネル切替********/
/* パネルを囲う要素 */
.panes {
	position:relative;	
	width:710px;
	height:500px;
	padding:20px;
	/*border-right:#5E2F00 solid 1px;
	border-left:#5E2F00 solid 1px;
	border-bottom:#5E2F00 solid 1px;
	border-top:#5E2F00 solid 1px;*/
	background: #FFE9D2;
	border:1px #5E2F00 solid;
}

/* パネル */
.item {
	width:700px;
	/*height:1011px;*/
}
/* タブを囲う要素 */
.slidetabs {
	width:245px;
	height:30px;
	overflow:hidden;
}
/* タブ */
.slidetabs li{
	float:left;
	width:120px;
	height:30px;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;
	background:#ccc;
}
.slidetabs li a {
	display:block;
	width:120px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	border:1px solid #804000;
	color:#5E2F00 !important;
	letter-spacing:0.1em;
}
.slidetabs li.tab1.ui-state-active,
.slidetabs li.tab1.ui-state-hover,
.slidetabs li.tab2.ui-state-active,
.slidetabs li.tab2.ui-state-hover {
	background:#FFE9D2;
}
.slidetabs li.ui-state-active a:link,
.slidetabs li.ui-state-hover a:hover {
	color:#4D2600;
	font-weight:bold;
}

.pain_registUl {
	width:220px;
	margin:0 auto;
}
.pain_registUl li {
	float:left;
	width:100px;
	height:20px;
}
.pain_registUl li a {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}

/*-------------------------

edit page

-------------------------*/
.pain_editUl {
	width:950px;
	height:78px;
	margin:0 auto;
	padding:6px 0;
}
.pain_editUl li {
	float:left;
	text-align:center;
}
.pain_editUl li a {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.pain_li01,
.pain_li02,
.pain_li03,
.pain_li04,
.pain_li05,
.pain_li06,
.pain_li07,
.pain_li08 {
	margin-top:13px;
}
.pain_li01 a,
.pain_li02 a,
.pain_li03 a,
.pain_li04 a {
	color:#333;
}
.pain_li01 a:hover,
.pain_li02 a:hover,
.pain_li03 a:hover,
.pain_li04 a:hover,
.pain_li08 a:hover {
	color:#06F;
}
.pain_li03,
.pain_li04 {
	font-size:110%;
}

.pain_li05,
.pain_li06,
.pain_li07 {
	line-height:1.3em;
	width:80px;
	height:34px;
	padding:10px 8px 4px 8px;
	background: #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius': 5px;
}
.pain_li08 {
	width:80px;
	height:40px;
	padding:4px 8px;
	background: #3E1F00;
	line-height:40px;
}

/***テンプレ編集・パーツ編集・レシピ内容編集***/
/*背景-green設定*/
.pain_li05:hover,
.pain_li05:active,
.pain_li06:hover,
.pain_li06:active,
.pain_li07:hover,
.pain_li07:active {
	background: #093;
}
/*文字*/
.pain_li05 a:hover,
.pain_li05 a:active,
.pain_li06 a:hover,
.pain_li06 a:active,
.pain_li07 a:hover,
.pain_li07 a:active {
	color:#FFF;
}




table.dataTable thead th.sorting_disabled{cursor:auto;}
select, input[type="text"]{margin-bottom:0px;}

/*******************************************/
/* Override bootstrap
/*******************************************/
.radio.inline, .checkbox.inline{white-space: nowrap;}
.checkbox.inline, .checkbox.inline+.checkbox.inline {
	margin-left:0px; margin-right:15px;!important;
}
hr{margin:5px 0px;}