@charset "UTF-8";

/*=======================================================

	Created: 2014-06-25
	filename: layout-rw.css

=======================================================*/

/*=======================================================
	SmartPhone CSS start
=======================================================*/
@media (max-width:641px){

/*---------- ヘッダー ---------*/
#header-inner {
	width:auto;
}

#header-inner {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}

/* ヘッダーの右側 */
#header-right {
	margin-bottom:3px;
}
#header-right li {
	margin-left:10px;
	float:right;
}
#header-right li#loginUserName {
	margin-top:5px;
}


#menu{
	display:none;
}


/*---------- メインコンテンツ ---------*/
#main {
	width:auto;
	margin:0 auto;
	text-align:left;
}
#main .module {
	width:auto;
	padding-top:10px;
}
#main .module-bottom {
	padding-bottom:10px;
}
#main .module-inner {
	text-align:left;
	padding:0 15px;
}
#main .module .left-box {
	width:460px;
	float:left;
}
#main .module .right-box {
	width:460px;
	float:right;
}

/*---------- メッセージエリア ---------*/
#messageArea p {
	font-weight:bold;
}
#messageArea .ui-widget {
	text-align:center;
}
#messageArea ul {
	position:relative;
	display:inline-block;
	padding:0 15px;
}
#messageArea ul.mainWindow {
	width: auto;
	display: block;
	margin: 10px;
}
#messageArea ul.subWindow {
	width: auto;
}
#messageArea ul li {
	margin:8px 0;
}
#messageArea ul li h4 {
	font-weight:bold;
}


/*---------- フッター ---------*/
#footer {
	width:auto;
	background:none;
	background-color: #d3e2eb;
}
#footer-inner {
	width:auto;
	margin:0 auto;
	padding:16px 0;
}


/*---------- スクロールテーブル(dataTables.js) ---------*/
.fakeContainer { /* The parent container */
	background:none;
}


/*=======================================================
	SmartPhone CSS End
=======================================================*/
}